Array.prototyp.map()

굉장히 유용한 함수이다. 

Array.prototyp.map() 을 사용하면 현재 배열값에 다가 어떤 액션을 취해서 새로운 배열을 생성한다. 

(약간 for 문의 역할도 같이 하는 듯) 

즉 map 안에 들어가는 function 인자가 return 하는 값들에 대한 배열을 새로 생성하게 된다. 

var testArr = ["A","B"];

만약 이 배열에서 "0" 이라는 문자열을 각 원소에다 넣고 싶으면 

var newTestArr = testArr.map(function(element, index){    // function 의 두번째 인자는 index 이다. 

return element + '0';

});   // newTestArr = ["A0", "B0" ];

forEach 함수와 헷갈릴 수 있는데 forEach 는 새로운 배열을 생성하지 않고 기존의 배열의 원소들을 순회화면서 각각 연산을 하는 것이고 map 함수는 map 안에 들어가는 function 값이 리턴하는 값들에 대한 새로운 배열을 생성한다. 

Promise.all 함수와 같이 쓰이면 유용할 수 있는데 Promise.all 함수는 배열로 된 Promise 객체들을 인자로 받는다. 

이때 기존 배열의 map 함수를 Promise 객체를 리턴하게 하고 Promise.all 함수에다 넣으면 사용할 수 있다.