JavaScript Array forEach()

정의와 사용법

forEach() 메서드는 배열의 각 요소에 대해 함수를 순서대로 한 번 호출합니다.

주석：값이 없는 배열 요소에 대해는 실행하지 않습니다forEach() 메서드.

예제

예제 1

배열의 각 항목을 나열합니다：

var fruits = ["apple", "orange", "cherry"];
fruits.forEach(myFunction);
function myFunction(item, index) {
  document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; 
}

직접 테스트해 보세요

예제 2

배열의 모든 값을의 합을 가져옵니다：

var sum = 0;
var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction);
function myFunction(item) {
  sum += item;
  document.getElementById("demo").innerHTML = sum;
}

직접 테스트해 보세요

예제 3

배열의 각 요소에 대해: 값을 원래 값의 10 배로 업데이트합니다：

var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction)
function myFunction(item, index, arr) {
  arr[index] = item * 10;
}

직접 테스트해 보세요

문법

array.forEach(function(currentValue, index, arr), thisValue)

파라미터 값

파라미터 설명
function(currentValue, index, arr) 필수. 배열의 각 요소에 대해 실행할 함수.

함수 파라미터：

파라미터 설명
currentValue 필수. 현재 요소의 값.
index 선택 사항. 현재 요소의 배열 인덱스.
arr 선택 사항. 현재 요소가 속한 배열 객체.
thisValue

선택 사항. 함수의 "this" 값으로 전달할 값.

이 参数가 비어 있으면, 그 "this" 값으로 "undefined" 값이 전달됩니다.

기술 세부 사항

반환 값： undefined
JavaScript 버전： ECMAScript 5

브라우저 지원

모든 브라우저는 완전히 지원합니다 forEach() 메서드：

크롬 IE 에지 파이어폭스 사파리 오페라
크롬 IE 에지 파이어폭스 사파리 오페라
지원 9.0 지원 지원 지원 지원

관련 페이지

강의:JavaScript 배열

강의:JavaScript 배열 Const

강의:JavaScript 배열 메서드

강의:JavaScript 배열 정렬

강의:JavaScript 배열 반복