[Javascript] 자바스크립트 map() 함수

반복문을 쓸 때 for문을 주로 쓰는데 map() 함수를 사용하면 더 편하게 array에서 값을 꺼낼 수 있다,

 

사용 방법은 간단하게 배열.map()에 callback 함수를 넣어주면 된다! (당연히 화살표 함수도 가능)

arr.map(callback 함수)

 

예제1

const arr = [1, 2, 3, 4, 5];

//일반 함수 
const map1 = arr.map(function(x){x+2));

//화살표 함수
const map1 = arr.map(x=> x+2);

console.log(map1);
//[3,4,5,6,7]

 

예제2

콜백함수의 파라미터는 두 개까지 들어갈 수 있다.

위의 예제1은 element 하나만 넣은 거고 index까지도 넣을 수 있다.

const arr = [ 10, 20, 30, 40, 50 ];

//일반 함수 
arr.map(function(a, i) {
    console.log(i+" : ", a);
});

//화살표 함수 
arr.map((a, i) => {
    console.log(i+" : ", a);
})