forEach 와 map 의 차이점

forEach 와 map 메서드 모두 호출한 배열의 각 요소를 돌면서
인수로 전달받은 콜백 함수를 반복 실행하는 것은 동일하다.

다른 점은 forEach 는 단순히 for문의 대체제로써 함수를 실행하는 것에서 그치지만,
map 메서드는 함수를 실행하면서 만들어진 새로운 배열을 return 한다.

실제로 콘솔에 찍어보면,
forEach 는 undefined 를, map은 배열을 반환하는 것을 알 수 있다.

때문에 배열의 요소들을 각각의 element 로 인식하는 react 에서
아래와 같이 객체가 들어있는 배열을 돌면서 각 요소들을 자동으로 element로
꺼내주어야 할 경우 formap 이 아닌 map 을 쓰는 것이 유용하다.

참고)
[JS] forEach()와 map() 차이점