[JS Method 기초] map과 forEach

map

1. map

배열의 각 요소에 대해 callback 함수를 실행하고 실행 결과를 모은 새 배열을 리턴

 

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

arr

- 순회하고자 하는 배열

 

currentValue

- 배열의 요소

 

index(생략 가능)

- 현재 배열 요소의 index

 

array(생략 가능)

- map 함수를 호출한 배열

 

thisArg(생략 가능)

- callback을 실행할 때 this로 사용되는 값(= map 함수에서 사용될 this값)

 

var arr = [1, 2, 3, 4];

var newArr = arr.map(function(data) {
  return data * 2;
})

console.log(newArr);  // [2,4,6,8]

 

2. forEach

배열의 각 요소에 대해 callback 함수를 실행, 유사 포문

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

callback

-각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받습니다.

 

currentValue

-처리할 현재 요소.

 

index Optional

-처리할 현재 요소의 인덱스.

 

array

-forEach()를 호출한 배열.

 

thisArg

-callback을 실행할 때 this로 사용할 값.

 

arr.forEach(element => console.log(element)); // 0 1 2 3 4 5 6 7 8 9 10