[Node.js] javascript: Array.map(), Array.forEach() 비교 정리

기본 정리

● Array.map()

callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 반환값으로 새로운 배열을 생성

arr.map(callback(currentValue[, index[, array]])[, thisArg])

• callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가짐
  • currentValue : 처리할 현재 요소
  • index (Optional) : 처리할 현재 요소의 인덱스
  • array (Optional) : map()를 호출한 배열
• thisArg (Optional) : callback을 실행할 때 this로 사용할 값

 

● Array.forEach()

주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

• callback : 각 요소를 시험할 함수. 다음 세 가지 매개변수를 받음
  • currentValue : 처리할 현재 요소
  • index (Optional) : 처리할 현재 요소의 인덱스
  • array (Optional) : forEach()를 호출한 배열
• thisArg (Optional) : callback을 실행할 때 this로 사용할 값

 

정리

정리하자면, Array.map()는 Array의 모든 요소에 대해 callback을 호출한 결과로 새로운 배열을 반환한다.

반면에 Array.forEach()는 Array의 모든 요소에 대해 callback을 실행하고 끝난다.

 

일반적인 for문과 비교했을 때, map()과 forEach()가 더 느리긴 하다.

 

참고 사이트

• Array.prototype.map() - JavaScript | MDN
• Array.prototype.forEach() - JavaScript | MDN
• javascript에서 forEach, map, reduce 차이점을 알아보자