Array.prototype.forEach()

• Mozilla

Syntax

arr.forEach(function(parameter) {})

배열 내의 원소들을 순회하며 function을 적용시킨다.

forEach와 map의 차이

• forEach
  • 각 원소에 대해 함수를 실행한 이후, 아무런 값도 반환하지 않는다.
  • 배열 안의 데이터 등, 기존의 데이터를 변경하지 않으면서 그 값을 출력시키는 등의 작업을 할 때 사용될 수 있다.
• map
  • 반면에 map은 함수를 적용시킨 후, 적용되어진 배열을 반환한다.
  • 배열 안의 데이터 등, 데이터를 변경시킬 때 유용하다.

Example

var numArr = [1, 2, 3, 4];
var result = Array();
numArr.forEach(function (parameter) {
  parameter += parameter;
  result.push(parameter);
})

console.log('numArr - forEach', numArr);
console.log('result', result);

numArr = numArr.map((i) => i += i);

console.log('numArr - map', numArr);