Javascript: Array 메소드

자주 사용하는 Array 메소드

1. push():

배열의 끝에 하나 이상의 요소를 추가하고, 새로운 배열의 길이를 반환한다.

let arr = [1, 2, 3];
arr.push(4); // arr은 [1, 2, 3, 4]

2. pop():

배열의 마지막 요소를 제거하고 그 요소를 반환한다.

let arr = [1, 2, 3];
let last = arr.pop(); // last는 3, arr은 [1, 2]

3. shift():

배열의 첫 번째 요소를 제거하고 그 요소를 반환한다.

let arr = [1, 2, 3];
let first = arr.shift(); // first는 1, arr은 [2, 3]

4. unshift():

배열의 앞쪽에 하나 이상의 요소를 추가하고, 새로운 배열의 길이를 반환한다.

let arr = [2, 3];
arr.unshift(1); // arr은 [1, 2, 3]

5. slice():

배열의 일부를 복사하여 새로운 배열을 만든다.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 4); // newArr은 [2, 3, 4]

6. splice():

배열의 요소를 추가하거나 제거한다.

array.splice(start, deleteCount, item1, item2, ...);

let arr = [1, 2, 3];
arr.splice(1, 1, 4, 5); // arr은 [1, 4, 5, 3]

• start = 1: 배열의 인덱스 1에서 시작한다. 즉, 배열의 두 번째 요소(2)를 가리킨다.
• deleteCount = 1: 인덱스 1에서 1개의 요소를 삭제한다. 그래서 2가 삭제된다.
• 4, 5: 인덱스 1 위치에 4와 5를 추가한다.

7. map():

배열의 각 요소에 대해 주어진 함수를 호출하고, 그 결과로 새로운 배열을 만든다.

let arr = [1, 2, 3];
let newArr = arr.map(x => x * 2); // newArr은 [2, 4, 6]

8. filter():

주어진 조건을 만족하는 요소들로 이루어진 새로운 배열을 만든다.

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(x => x > 3); // newArr은 [4, 5]

9. reduce():

배열의 각 요소에 대해 주어진 함수를 적용하여 단일 결과값을 반환한다.
주로 누적 계산을 할 때 사용된다.

array.reduce((accumulator, currentValue, index, array) =>
{ /* ... */ }, initialValue);

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, curr) => acc + curr, 0); // sum은 10

• 초기값 설정: initialValue로 0을 설정한다. 이 값이 첫 번째 호출에서 acc(accumulator)가 된다.
• 첫 번째 호출: acc는 0, curr은 1이다. 따라서 0 + 1 -> 1이 반환되고, 이 값이 다음 호출의 acc가 된다.
• 두 번째 호출: acc는 1, curr은 2이다. 1 + 2 -> 3이 반환되고, acc가 3이 된다.
• 세 번째 호출: acc는 3, curr은 3이다. 3 + 3 -> 6이 반환되고, acc가 6이 된다.
• 네 번째 호출: acc는 6, curr은 4이다. 6 + 4 -> 10이 반환된다.

10. forEach():

배열의 각 요소에 대해 주어진 함수를 호출한다.
주로 배열을 순회하면서 각 요소에 대해 어떤 작업을 수행할 때 사용된다.

let arr = [1, 2, 3];
arr.forEach(x => console.log(x)); // 1, 2, 3을 출력