[JS] map() 메서드

프론트 작업을 하다보면 map, set등 여러가지 메서드를 쓰게 됩니다.

백단에서 가져온 데이터를 앞단에서 가공해서 뿌려줘야 하기 때문입니다.

 

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.

저는 보통 배열에 다른것을 덧 붙여주거나 배열을 바꿔줄때 사용합니다.

 

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

매개변수

callback새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다.

• currentValue : 처리할 현재 요소.
• index : Optional처리할 현재 요소의 인덱스.
• array : Optionalmap()을 호출한 배열.
• this : Arg Optionalcallback을 실행할 때 this로 사용되는 값.

 

var testArray = [{ name: nabi, age:10 },{ name: gang, age: 8}];
testArray.map(function (row) {
    array.push(testArray[row]);
});