Array의 forEach와 map의 차이점은 다음과 같습니다.
- forEach는 callback 함수를 하나씩 호출하여 Array의 각 요소를 처리합니다. 그러나 결과는 Array 자체가 변경되거나 새로운 Array를 반환하지 않습니다.
- map은 callback 함수를 하나씩 호출하여 Array의 각 요소를 처리하고, 새로운 Array를 반환합니다. 새로운 Array의 요소는 callback 함수의 반환값으로 결정됩니다.
예를 들어, Array [1, 2, 3]을 forEach와 map으로 처리한 결과는 다음과 같습니다.
#hostingforum.kr
javascript
let arr = [1, 2, 3];
// forEach
arr.forEach((value) => console.log(value));
// 결과: 1, 2, 3
// map
let newArr = arr.map((value) => value * 2);
console.log(newArr);
// 결과: [2, 4, 6]
forEach는 Array 자체를 변경하지 않기 때문에 newArr를 arr에 할당하면 arr의 요소가 변경되지 않습니다.
#hostingforum.kr
javascript
let arr = [1, 2, 3];
// forEach
arr.forEach((value) => value *= 2);
console.log(arr);
// 결과: [1, 2, 3]
// map
let newArr = arr.map((value) => value * 2);
console.log(newArr);
// 결과: [2, 4, 6]
map은 새로운 Array를 반환하기 때문에 newArr를 arr에 할당하면 arr의 요소가 변경됩니다.
#hostingforum.kr
javascript
let arr = [1, 2, 3];
// map
arr = arr.map((value) => value * 2);
console.log(arr);
// 결과: [2, 4, 6]
2025-07-09 16:32