map

JavaScript의 배열 객체의 메소드 중에는 map()이라는 메소드가 존재함

역할

map 메소드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환함

map메소드는 호출한 배열의 값을 변형하지 않음. 즉 새로운 배열이 생기게됨

기본형

출처: MDN

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

map의 인자로는 배열의 각 요소를 처리할 콜백함수가 전달됨
콜백함수의 인자는 최대 4가지가 가능하지만 주로 현재 값(currentValue)과 인덱스 번호(index)가 자주 쓰임

예제

코드

const color = ['black', 'white', 'gold'];

color.map(function(current, index) {
    console.log(current, index)
})

위 예제에선 요소가 3개인 배열에 map을 호출하였고 그 결과 배열의 요소 개수만큼(3번) 콜백함수를 호출하고 호출할 때마다 배열의 인자가 콜백함수에 전달됨

결과값

black 0
white 1
gold 2