Javascript map 메서드

map()

기존 존재하는 배열의 값들을 이용해서 새로운 배열을 만들어 내는 메서드이다. 배열의 요소를 일괄적으로 변경하는데 유용하며, 배열의 값에 접근할때 for 문과 같은 반복문을 번거롭게 사용하지 않아도 되는 장점이 존재한다. 배열의 메서드로 존재하며, 원래 배열의 각 요소가 파라미터로 들어가는 콜백함수를 map 메서드에 넣어주어 작동한다. 그 다음, 콜백함수 내에서 return 해준 요소로 새로운 배열이 만들어진다.

사용 예제

var fruits = ['사과', '딸기', '석류'];

var redFruits = fruits.map(function(obj) {
    return '빨간 ' + obj;
})

console.log(redFruits)

redFruits 변수에는 어떤 값이 저장되어있는지 확인해보자.

["빨간 사과", "빨간 딸기", "빨간 석류"]

ES6 문법에서 새로 등장한, 화살표 함수 (Arrow Function) 을 통해서도 이를 구현할 수 있다.

var fruits = ['사과', '딸기', '석류'];

var redFruits = fruits.map((obj) => {
	return '빨간 ' + obj;
})

console.log(redFruits);