JavaScript 배열 메소드 마스터하기: Map, Filter, Reduce

JavaScript의 배열 메소드인 Map, Filter, Reduce는 데이터를 다루는데 매우 유용

Map

Map 메소드는 배열의 각 요소에 주어진 함수를 적용하여 새로운 배열을 생성. 각 요소에 대해 함수를 적용하고 그 결과를 새로운 배열에 저장.

const numbers = [1, 2, 3, 4];

// 각 요소를 제곱하여 새로운 배열 생성
const squaredNumbers = numbers.map(num => num * num);

console.log(squaredNumbers); // [1, 4, 9, 16]

위의 예제에서는 numbers 배열의 각 요소에 제곱 연산을 수행하여 새로운 배열 squaredNumbers를 생성

Filter

Filter 메소드는 주어진 함수의 조건을 만족하는 요소만으로 새로운 배열을 생성. 조건을 만족하는 요소만을 필터링하여 새로운 배열을 반환.

const numbers = [1, 2, 3, 4];

// 짝수만으로 새로운 배열 생성
const evenNumbers = numbers.filter(num => num % 2 === 0);

console.log(evenNumbers); // [2, 4]

위의 예제에서는 numbers 배열에서 짝수만을 필터링하여 새로운 배열 evenNumbers를 생성

Reduce

Reduce 메소드는 배열의 각 요소에 대해 주어진 함수를 실행하고 하나의 결과값을 반환. 이전 요소와 현재 요소를 이용하여 값을 누적시키는데 주로 사용.

const numbers = [1, 2, 3, 4];

// 모든 요소의 합을 계산
const sum = numbers.reduce((acc, cur) => acc + cur, 0);

console.log(sum); // 10

```![](https://velog.velcdn.com/images/wooooongee/post/f66ae5b3-4056-41df-8b36-c95cf98ec0a8/image.webp)

위의 예제에서는 numbers 배열의 각 요소를 더하여 총합을 구하는데 Reduce 메소드를 사용