JavaScript의 배열 메서드에는 다음과 같은 6가지의 핵심 메서드가 있습니다.
map(), filter(), reduce(), forEach(), some(), every()
각각 다음과 같은 특징이 있습니다.
| 메서드 | 핵심 기능 |
|---|---|
map() | 변형해서 새 배열 만들기 |
filter() | 조건에 맞는 요소만 추리기 |
reduce() | 누적해서 하나의 값 만들기 |
forEach() | 요소별로 반복 실행만 하기 (값 없음) |
some() | 하나라도 조건에 맞으면 true 반환 |
every() | 전부 조건에 맞아야 true 반환 |
이제 예제와 함께 자세히 알아보겠습니다.
map() – 배열 변형const nums = [1, 2, 3];
const doubled = nums.map(n => n * 2); // [2, 4, 6]
const nums = [1, 2, 3, 4];
const even = nums.filter(n => n % 2 === 0); // [2, 4]
const nums = [1, 2, 3, 4];
const sum = nums.reduce((acc, cur) => acc + cur, 0); // 10
const fruits = ['🍎', '🍌', '🍇'];
fruits.forEach(fruit => console.log(fruit));
const nums = [1, 3, 5];
const hasEven = nums.some(n => n % 2 === 0); // false
const nums = [2, 4, 6];
const allEven = nums.every(n => n % 2 === 0); // true
| 목적 | 추천 메서드 |
|---|---|
| 배열 변환 | map() |
| 조건에 따라 걸러내기 | filter() |
| 값을 하나로 줄이기 | reduce() |
| 단순 반복 실행 | forEach() |
| 일부 조건 확인 | some() |
| 전체 조건 확인 | every() |