JavaScript의 배열 메서드

김현중·2025년 7월 7일

연구소

목록 보기
34/34
post-thumbnail

JavaScript의 배열 메서드에는 다음과 같은 6가지의 핵심 메서드가 있습니다.

map(), filter(), reduce(), forEach(), some(), every()

각각 다음과 같은 특징이 있습니다.

메서드핵심 기능
map()변형해서 새 배열 만들기
filter()조건에 맞는 요소만 추리기
reduce()누적해서 하나의 값 만들기
forEach()요소별로 반복 실행만 하기 (값 없음)
some()하나라도 조건에 맞으면 true 반환
every()전부 조건에 맞아야 true 반환

이제 예제와 함께 자세히 알아보겠습니다.



1. map() – 배열 변형

const nums = [1, 2, 3];
const doubled = nums.map(n => n * 2); // [2, 4, 6]
  • 원본 배열 유지
  • 새 배열 리턴

2. filter() – 조건에 맞는 것만 추리기

const nums = [1, 2, 3, 4];
const even = nums.filter(n => n % 2 === 0); // [2, 4]
  • 조건에 맞는 요소만 남김
  • 새 배열 리턴

3. reduce() – 하나의 값으로 축약

const nums = [1, 2, 3, 4];
const sum = nums.reduce((acc, cur) => acc + cur, 0); // 10
  • 누적 결과를 하나의 값으로
  • 배열 → 숫자, 객체 등으로 축소 가능

4. forEach() – 단순 반복 처리

const fruits = ['🍎', '🍌', '🍇'];
fruits.forEach(fruit => console.log(fruit));
  • 반환값 없음 (undefined)
  • 주로 부수 효과(side effect)가 있을 때 사용

5. some() – 하나라도 조건 만족?

const nums = [1, 3, 5];
const hasEven = nums.some(n => n % 2 === 0); // false
  • 하나라도 조건에 맞으면 true
  • 검사용

6. every() – 전부다 조건 만족?

const nums = [2, 4, 6];
const allEven = nums.every(n => n % 2 === 0); // true
  • 모든 요소가 조건을 만족해야 true
  • 검사용

✨ 다시 정리

목적추천 메서드
배열 변환map()
조건에 따라 걸러내기filter()
값을 하나로 줄이기reduce()
단순 반복 실행forEach()
일부 조건 확인some()
전체 조건 확인every()
profile
박수 받는 사람이 되고 싶어서 항상 노력합니다.

0개의 댓글