map 함수는 배열 안의 값에 각각 함수를 호출해 그 결과를 새로운 배열 반환해 준다.

사용법

배열에서의 사용법

var arr = [1, 2, 3, 4, 5];

var double = arr.map(x => x * 2);

console.log(double); // [2, 4, 6, 8, 10]

배열의 안의 값에 곱하기 2를 하는 방법이다.

arr에 1, 2, 3, 4, 5 라는 값을 넣어 배열을 만든 후 map 함수를 통해 arr 배열의

각각 값에 곱하기 2를 한 후 그 값들을 double에 넣어 새로운 배열을 생성한다.

map 함수를 사용하면 배열 속 값에 함수를 호출해 새로운 배열을 만들 수 있다.

배열안의 객체에서의 사용법

var arr = [{key:1, name:"빵호"},
           {key:2, name:"만자"}];

var reformat = arr.map(function(obj){
   var newObj = {};
   newObj[obj.key] = obj.name;
   return newObj;
});

console.log(reformat); // {1: "빵호"}, {2: "만자"}

배열 안의 객체를 재구성하는 방법이다.

arr에 객체를 배열의 값으로 넣고 map 함수를 통해 객체를 재구성하여 그 값을 reformat에 넣어준다.

map 함수를 사용하면 배열 안의 객체를 다시 구성하여 새로운 배열을 만드는 것도 가능하다.