[Javascript] map()

arr.map(callback(){

  return 

}); 

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 적용하고 호출한 결과를 모아 새로운 배열에 반환한다.

 

 

몇일전에 forEach문을 이용해서 배열생성을 했는데 별로 좋은 방법이 아니고,

이럴땐 맵핑을 해주는게 더 좋은 방법이라고 한다.

 

저번에 했을 때 Array()를 이용해 빈 배열을 먼저 만든 후 거기에 값을 넣어주었다.

   [undefined,undefined,undefined]     <- 빈배열을 만든 후  

   [ 1, 2, 3 ]                                   <-  값 넣어주기!! 

이렇게 1:1로 짝지어서 바꿔주는 것이다. 이런것을 맵핑한다고 한다! 

맵핑을 활용하여 배열을 생성하는 것이 forEach문을 사용하는것보다 더 좋은 방법이라고 한다.

 

단순히 반복만을 원한다면 forEach()를,

원본 배열을 수정해 새로운 배열로 결과를 반환하고자 한다면 map을 사용.

(forEach는 값을 반환하지 않는다!)

 

예시_1

 

 

 

예시_2

oldList의 배열 원소 각각에 콜백 함수를 적용하고, 나온 결과들을 모아 newList에 반환해준다.