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

기본 정리

● Array.map()

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

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

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

 

● Array.filter()

주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환

arr.filter(callback(element[, index[, array]])[, thisArg])

• callback : 각 요소를 시험할 함수. true를 반환하면 요소를 유지하고, false를 반환하면 버림. 다음 세 가지 인수를 가짐
  • element : 처리할 현재 요소
  • index (Optional) : 처리할 현재 요소의 인덱스
  • array (Optional) : filter()를 호출한 배열
• thisArg (Optional) : callback을 실행할 때 this로 사용할 값

 

정리

Array.map() : Array의 모든 요소를 가져와 배열로 재구성할 때 사용

Array.filter() : 조건에 일치하는 일부 요소를 가져와 배열로 재구성할 때 사용

 

참고 사이트

• Array.prototype.map() - JavaScript | MDN
• Array.prototype.filter() - JavaScript | MDN