[React] map() 함수 설명과 예제

map() 함수는 array 타입에만 사용 가능

 

var ex = [2,3,4];
ex.map(function(){
  console.log(1)
});

# 1,1,1 출력됨

-> 콜백함수의 파라미터가 없다면 ex 요소의 개수만큼 반복된다.

 

var ex = [2,3,4];
ex.map(function(a){
  console.log(a)
});

# 2,3,4 출력 됨

-> 콜백함수의 첫번째 파라미터는 ex의 첫번째 요소부터 마지막 요소까지 할당되며 반복된다.

 

var ex = [2,3,4];
ex.map(function(a, i){
  console.log(i)
});

# 0,1,2 출력 됨

-> 콜백함수의 두번째 파라미터는 인덱스에 해당해서 0부터 1씩 증가한다.