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 함수를 사용하면 배열 안의 객체를 다시 구성하여 새로운 배열을 만드는 것도 가능하다.