Array 메서드 - map(), filter(), reduce()

Array 메서드(map, filter, reduce)

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

1) map()

// 배열의 각 요소를 변형하여 새 배열 생성
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

※ 기존 배열의 요소를 가공하여 **같은 길이의 새 배열** 생성

2) filter()

// 조건에 맞는 요소만 추출
const even = numbers.filter(num => num % 2 === 0);
console.log(even); // [2, 4]

※ 조건을 만족하는 요소만 모아 **새 배열** 생성

3) reduce()

// 배열을 순회하며 누적값 계산
const sum = numbers.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 15

※ 배열 전체를 계산하여 **단일 값 반환**

차이점 요약

| 메서드     | 반환값     | 목적           | 특징                     |
|------------|------------|----------------|--------------------------|
| map()      | 새 배열    | 요소 변형      | 길이 유지, 값 변경       |
| filter()   | 새 배열    | 조건 추출      | 조건 만족하는 값만 추출 |
| reduce()   | 단일 값    | 누적 계산      | 하나의 값으로 축약       |

※ 배열을 가공하거나 요약할 때 가장 많이 사용되는 3가지 고차 함수