메서드 forEach

forEach 메서드는 배열의 모든 요소를 순차적으로 순회할 수 있게 해줍니다. 이 메서드는 매개변수로 함수를 받으며, 이 함수는 배열의 각 요소에 대해 실행됩니다.

이 함수에는 세 가지 매개변수를 전달할 수 있습니다. 이 매개변수들이 존재하는 경우(선택 사항), 첫 번째 매개변수에는 자동으로 배열 요소가, 두 번째 매개변수에는 배열 내 인덱스가, 세 번째 매개변수에는 배열 자체가 전달됩니다.

문법

javascript배열.forEach(function(요소, 인덱스, 배열) {
  모든 요소에 대해 실행될 코드
});

예시

배열 요소를 콘솔에 출력해 봅시다:

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

arr.forEach(function(elem) {
  console.log(elem);
});

예시

배열 요소와 그 인덱스를 콘솔에 출력해 봅시다:

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];

arr.forEach(function(elem, ind) {
  console.log(elem, ind);
});

예시

배열 요소들의 합을 구해 봅시다:

javascriptlet arr = [1, 2, 3, 4, 5];
let sum = 0;

arr.forEach(function(elem) {
  sum += elem;
});

console.log(sum);

코드 실행 결과:

javascript15

참고 항목

  • map 메서드,
    배열의 각 요소에 함수를 적용할 수 있습니다.
  • filter 메서드,
    배열 요소를 필터링할 수 있습니다.
  • some 메서드와 every 메서드,
    배열 검사를 수행합니다.
  • reduce 메서드와 reduceRight 메서드,
    배열을 단일 값으로 축약합니다.