[mjt] 자주 사용되는 배열 메서드에 대해 알아보자
자주 사용되는 배열 메서드에 대해 알아보자
자바스크립트에서 배열은 데이터를 효과적으로 관리하고 조작할 수 있는 다양한 메서드를 제공한다. 자주 사용되는 메서드가 무었이 있는지 알아보자.
push(), pop()
-
push(): 배열의 긑에 새로운 요소를 추가한다. -
pop(): 배열의 마지막 요소를 제거하고 반환한다.
const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
arr.pop();
console.log(arr); // [1, 2, 3]
shift(), unshift()
-
shift(): 배열의 첫 번째 요소를 제거하고 반환한다. -
unshift(): 배열의 앞쪽에 새로운 요소를 추가한다.
const arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]
arr.unshift(0);
console.log(arr); // [0, 2, 3]
splice()
배열의 특정 위치에 요소를 추가, 제거 또는 교체한다.
const arr = [1, 2, 3, 4, 5];
arr.splice(2, 1, 99);
console.log(arr); // [1, 2, 99, 4, 5]
slice()
문자열의 일부분을 추출하여 새로운 배열을 반환한다.
const arr = [1, 2, 3, 4, 5];
const sliced = arr.slice(1, 4);
console.log(sliced); // [2, 3, 4]
map()
배열의 각 요소에 대해 주어진 함수를 호출하고, 결과를 새 배열로 반환한다.
const arr = [1, 2, 3];
const doubled = arr.map((num) => num * 2);
console.log(doubled); // [2, 4, 6]
filter()
조건을 만족하는 요소들로 새로운 배열을 만든다.
const arr = [1, 2, 3, 4, 5];
const even = arr.filter((num) => num % 2 === 0);
console.log(even); // [2, 4]
reduce()
배열의 각 요소를 순회하며 단일 값으로 축소한다.
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((acc, num) => acc + num, 0);
console.log(sum); // 15
find(), findIndex()
-
find(): 조건을 만족하는 첫 번째 요소를 반환한다다. -
findIndex(): 조건을 만족하는 첫 번째 요소의 인덱스를 반환한다.
const arr = [1, 2, 3, 4, 5];
const found = arr.find((num) => num > 3);
console.log(found); // 4
const index = arr.findIndex((num) => num > 3);
console.log(index); // 3
sort()
배열의 요소를 정렬한다.
const arr = [3, 1, 4, 1, 5, 9];
arr.sort((a, b) => a - b);
console.log(arr); // [1, 1, 3, 4, 5, 9]
:ten: forEach()
배열의 각 요소에 대해 주어진 함수를 실행한다.
const arr = [1, 2, 3];
arr.forEach((num) => console.log(num));
// 1
// 2
// 3
:eleven: join()
배열의 모든 요소를 문자열로 연결한다.
const arr = ["a", "b", "c"];
const joined = arr.join("-");
console.log(joined); // "a-b-c"
참고 문서