Javascript 배열 처리를 위한 메서드들

1. map
배열의 각 요소에 대해 주어진 함수를 호출하고 그 결과로 새로운 배열을 생성한다. 원본 배열은 변경되지 않으며, 새로운 배열이 반환된다. JavaScript에서 배열을 변형하거나 수정할 때 자주 사용되는 고차 함수 중 하나이다.

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

 

 

2. filter
주어진 함수의 조건을 만족하는 배열의 요소만으로 새로운 배열을 생성한다. 

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

 

 

3. reduce

배열의 각 요소에 대해 주어진 함수를 사용하여 하나의 결과값을 생성한다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // 출력: 15

 

 

4. forEach
배열의 각 요소에 대해 주어진 함수를 실행한다.

const colors = ['red', 'green', 'blue'];
colors.forEach(color => console.log(color));