map과 forEach, reduce에 대해

map, forEach, reduce는 JavaScript에서 배열을 반복하고 처리하는 메서드임.

각각의 메서드는 다음과 같은 역할을 합니다:

1. map:

   배열의 각 요소에 대해 주어진 함수를 호출하고, 그 함수의 반환값들로 이루어진 새로운 배열을 생성함.

   원본 배열은 변경되지 않음.

예시:

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

1. forEach:

   배열의 각 요소에 대해 주어진 함수를 한 번씩 실행함.

   반환값이 없고, 주로 배열을 반복하면서 작업을 수행할 때 사용됨.

예시:

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

1. reduce:

   배열의 각 요소에 대해 주어진 함수를 실행하고, 그 결과를 누적하여 최종 결과를 반환함.

   초기값(initial value)을 제공할 수 있으며, 초기값이 없으면 첫 번째 요소가 초기값이 됨.

예시:

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

이 세 가지 메서드는 배열을 반복하고 처리하는데 유용하며, 각각의 용도에 따라 적절하게 선택하여 사용할 수 있음.