JavaScript forEach와 map의 차이

forEach()

• 반환값이 없다(undefined)
• 콜백 함수를 인자로 받아, 배열의 각 요소에 콜백함수를 실행한다
• 콜백은 호출하는 배열을 변경할 수 있다

const arr = ['a', 'b', 'c'];

const newArr = arr.forEach(function(e){
    return e;
});

console.log(newArr); // undefined

 

map()

• 새로운 배열을 반환한다
• 콜백 함수를 인자로 받아, 배열의 각 요소에 대해서 실행한 결과 값을 반환한다
• forEach() 보다 빠르다
• 반환되는 새로운 배열로 filter, reduce와 같은 다른 메소드들과 함께 사용할 수 있다

const arr = [1,2,3,4,5];
const newArr = arr.map(function(e){
    return e + 1;
});

console.log(newArr);  // [2,3,4,5,6]