English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 객체

JavaScript 참조 가이드

JS DOM 참조 가이드

JavaScript 배열 forEach() 메서드

　JavaScript 배열 객체

forEach()제공된 함수를 각 배열 요소에 대해 한 번씩 실행하는 메서드를 수행합니다.

예외를 던지지 않고, 중단하거나 중지할 수 있는 다른 방법은 없습니다.forEach()루프.

미리 종료하려면 다음과 같은 방법으로 완료할 수 있습니다:

  • 간단한 루프

  • 한for......of루프

문법:

array.forEach(callback,　thisArg)
var　fruits　=　["Apple",　"Mango",　"Banana",　"Orange"];
var　result　=　document.getElementById("result");
fruits.forEach(function(element)　{
　　　　result.innerHTML　+=　element　+　"<br>";
});
테스트 보기‹/›

브라우저 호환성

표의 숫자는 forEach() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
forEach()는1.5는는9

매개 변수 값

매개 변수설명
callback
배열의 각 요소에 대해 실행되는 함수입니다.
함수 매개 변수:

  • currentValue（ 필수 ）-배열에서 처리 중인 현재 요소

  • index（ 선택 사항 ）-배열에서 처리 중인 현재 요소의 인덱스

  • array（ 선택 사항 ）- 호출됨forEach배열

thisArg（ 선택 사항 ） 실행콜백현재로 사용됩니다이객체

기술 세부 사항

반환 값:정의되지 않음
JavaScript 버전:ECMAScript 5

더 많은 예제:

콜백 함수는 최대로 포함할 수 있습니다:3개参数:

var　fruits　=　["Apple",　"Mango",　"Banana",　"Orange"];
var　result　=　document.getElementById("result");
fruits.forEach(function(element,　index,　array)　{
　　　　result.innerHTML　+index　+　: ""　+　element　+　"<br>";
});
테스트 보기‹/›

배열의 모든 값을 합치기:

var nums = [2,　5,　10,　5,　10,　28];
var sum = 0;
nums.forEach(function(element) {
　　　　sum　+element;
});
document.getElementById("result").innerHTML = sum;
테스트 보기‹/›

배열의 값의 평균을 가져오기:

var nums = [2,　5,　10,　5,　10,　28];
var sum = 0;
nums.forEach(function(element) {
　　　　sum　+element;
});
document.getElementById("result").innerHTML = sum　/　nums.length;
테스트 보기‹/›

forEach 루프를 for 루프로 변환하십시오:

var nums = [2,　5,　10,　5,　10,　28];
var sum = 0;
for (let i = 0; i < nums.length; i++) {
　　　　sum = sum　+　nums[i];
});
document.getElementById("result").innerHTML = sum;
테스트 보기‹/›

　JavaScript 배열 객체

JavaScript Boolean 객체JavaScript Array 객체