#TIL 11일차(JS 메서드 정리[1])

---

---

📍 배열 메서드

push( ): 배열의 끝에 하나 이상의 요소를 추가한다.

let fruits = ['사과', '바나나', '오렌지'];
fruits.push('포도');
console.log(fruits); // ['사과', '바나나', '오렌지', '포도']

pop( ): 배열의 마지막 요소를 제거하고 반환한다.

let fruits = ['사과', '바나나', '오렌지'];
let removed = fruits.pop();
console.log(removed); // '오렌지'
console.log(fruits); // ['사과', '바나나']

shift( ): 배열의 첫 번째 요소를 제거하고 반환한다.

let fruits = ['사과', '바나나', '오렌지'];
let removed = fruits.shift();
console.log(removed); // '사과'
console.log(fruits); // ['바나나', '오렌지']

unshift( ): 배열의 맨 앞에 하나 이상의 요소를 추가한다.

let fruits = ['사과', '바나나', '오렌지'];
let removed = fruits.unshift();
console.log(fruits); // ['사과','바나나', '오렌지']

slice( ): 배열의 일부를 선택하여 새로운 배열을 반환한다.

let fruits = ['사과', '바나나', '오렌지', '포도', '체리'];
let citrus = fruits.slice(1, 3);
console.log(citrus); // ['바나나', '오렌지']

splice( ): 배열의 특정 위치에서 요소를 추가하거나 제거한다.

let fruits = ['사과', '바나나', '오렌지', '포도'];
fruits.splice(2, 1, '레몬', '키위'); // 인덱스 2부터 1개의 요소를 제거하고 '레몬'과 '키위'를 추가합니다.
console.log(fruits); // ['사과', '바나나', '레몬', '키위', '포도']

concat( ): 배열을 다른 배열이나 값과 결합하여 새로운 배열을 반환한다.

let fruits = ['사과', '바나나'];
let moreFruits = ['오렌지', '포도'];
let allFruits = fruits.concat(moreFruits);
console.log(allFruits); // ['사과', '바나나', '오렌지', '포도']

join( ): 배열의 모든 요소를 문자열로 결합한다.

let fruits = ['사과', '바나나', '오렌지'];
let fruitString = fruits.join(', ');
console.log(fruitString); // '사과, 바나나, 오렌지'

indexOf( ): 배열에서 지정된 요소를 찾고 해당 인덱스를 반환한다.

let fruits = ['사과', '바나나', '오렌지'];
let index = fruits.indexOf('바나나');
console.log(index); // 1

forEach( ): 배열의 각 요소에 대해 지정된 함수를 실행한다.

let fruits = ['사과', '바나나', '오렌지'];
fruits.forEach(function(fruit) {
  console.log(fruit);
});
// 출력:
// '사과'
// '바나나'
// '오렌지'

📍 문자열 메서드

toUpperCase( ): 문자열을 대문자로 변환한다.

let fruits = ['사과', '바나나', '오렌지'];
let index = fruits.indexOf('바나나');
console.log(index); // 1

toLowerCase( ): 문자열을 소문자로 변환한다.

let str = "WORLD";
let lowerCaseStr = str.toLowerCase();
console.log(lowerCaseStr); // "world"

charAt( ): 지정된 인덱스의 문자를 반환한다.

let str = "hello";
let char = str.charAt(1);
console.log(char); // "e"

indexOf( ): 지정된 문자열이 처음 등장하는 위치의 인덱스를 반환한다.

let str = "hello";
let index = str.indexOf("l");
console.log(index); // 2

substring( ): 지정된 인덱스 범위의 문자열을 반환한다.

let str = "hello world";
let substring = str.substring(6, 11);
console.log(substring); // "world"

slice( ): 지정된 인덱스 범위의 문자열을 반환한다. substring()과 비슷하지만 음수 인덱스를 사용할 수 있다.

let str = "hello world";
let slicedStr = str.slice(-5);
console.log(slicedStr); // "world"

replace( ): 지정된 문자열 또는 정규 표현식과 일치하는 첫 번째 문자열을 대체한다.

let str = "hello world";
let replacedStr = str.replace("world", "everyone");
console.log(replacedStr); // "hello everyone"

split( ): 문자열을 지정된 구분자로 분할하여 배열로 반환한다.

let str = "apple,banana,orange";
let arr = str.split(",");
console.log(arr); // ["apple", "banana", "orange"]

trim( ): 문자열의 앞뒤 공백을 제거한다.

let str = "   hello world   ";
let trimmedStr = str.trim();
console.log(trimmedStr); // "hello world"

startsWith( ): 문자열이 지정된 문자열 또는 문자열로 시작하는지 여부를 확인한다.

let str = "hello world";
let startsWithHello = str.startsWith("hello");
console.log(startsWithHello); // true