<aside> 💡

배열의 기본 메서드 익히기!!

</aside>

map : 배열의 각 요소를 특정 로직에 따라 변환하여 새로운 배열을 반환

예제. 모든 숫자에 2를 곱히기

const numbers = [1,2,3,4,5];
const doubled = numbers.map(num => num*2);
console.log(doubled); // 결과 : [2,4,6,8,10]

filter : 조건을 만족하는 요소만 필터링하여 새로운 배열을 반환

예제. 짝수만 필터링

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // 결과: [2, 4]

reduce : 배열의 모든 요소를 하나의 값을 축소도 맞지만, 배열을 순회하면서 원하는 방식으로 값을 누적하는 메서드로 생각하는게 좋음.

예제. 배열의 합 구하기

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 결과 : 15

*accumulator: 이전 반복의 결과를 저장. *currentValue: 현재 요소.

forEach : 배열의 각 요소에 대해 함수를 실행 (배열 변경은 하지 않음).

예제. 각 요소를 출력

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(num => console.log(num)); // 결과 : 1, 2, 3, 4, 5

find : 조건에 맞는 첫번째 요소를 반환(없으면 undefined)

예제. 첫번째 짝수 찾기

const numbers = [1, 3, 5, 6, 8];
const firstEven = numbers.find(num => num % 2 === 0);
console.log(firstEven); // 결과 : 6