자바스크립트 배열 메서드

오늘은 알고리즘 문제를 풀면서 자주 마주치는 자바스크립트 배열 메서드들을 정리해봤다.
실무에서도 많이 쓰인다고 하는데, 이번 기회에 각 메서드의 특징과 사용 케이스를 제대로 정리해보려고 한다. 🔥

1. map()

• 배열의 각 요소를 순회하면서 새로운 배열을 만들어주는 메서드
• 특징: 원본 배열은 건드리지 않고 새로운 배열을 반환한다! (불변성 유지)

const numbers = [1, 2, 3];
const doubled = numbers.map((num) => num * 2);
console.log(doubled); // [2, 4, 6]

2. filter()

• 말 그대로 조건에 맞는 요소만 걸러서 새로운 배열을 만들어준다
• 특징: map()처럼 원본 배열은 그대로 두고 새로운 배열을 반환한다

const numbers = [1, 2, 3, 4];
const even = numbers.filter((num) => num % 2 === 0);
console.log(even); // [2, 4]

3. reduce()

• 배열의 모든 요소를 돌면서 하나의 값으로 줄여준다 (누적 계산할 때 유용!)
• 특징: 초기값을 설정할 수 있는데, 보통 0이나 빈 배열 같은 걸로 시작한다

const numbers = [1, 2, 3];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 6

4. forEach()

• 배열의 각 요소를 돌면서 작업을 수행하는 기본적인 반복문
• 특징: 따로 반환값이 없고 그냥 반복 작업만 수행한다

const numbers = [1, 2, 3];
numbers.forEach((num) => console.log(num * 2)); // 출력: 2, 4, 6

5. some()

• 배열에서 조건을 만족하는 요소가 하나라도 있는지 확인할 때 사용
• 특징: 조건 만족하는 요소 찾으면 바로 true 반환하고 끝! (최적화👍)

const numbers = [1, 2, 3];
const hasEven = numbers.some((num) => num % 2 === 0);
console.log(hasEven); // true

6. every()

• some()과 반대로 모든 요소가 조건을 만족하는지 검사
• 특징: 조건 만족 안 하는 요소 하나라도 있으면 바로 false 반환

const numbers = [2, 4, 6];
const allEven = numbers.every((num) => num % 2 === 0);
console.log(allEven); // true

7. find()

• 조건을 만족하는 첫 번째 요소를 찾아서 반환해준다
• 특징: 찾자마자 바로 반환하고 끝! (불필요한 순회 X)

const numbers = [1, 2, 3, 4];
const firstEven = numbers.find((num) => num % 2 === 0);
console.log(firstEven); // 2

8. findIndex()

• find()랑 비슷한데 요소 대신 인덱스를 반환해준다
• 특징: 이것도 조건 만족하는 요소 찾으면 바로 그 인덱스 반환!

const numbers = [1, 2, 3, 4];
const index = numbers.findIndex((num) => num % 2 === 0);
console.log(index); // 1

이렇게 정리하고 보니 확실히 이해가 잘 된다!
앞으로 코테 문제 풀 때 이런 메서드들 잘 활용해봐야겠다. 😊