최신 웹 개발 튜토리얼
 

JavaScript정렬 forEach() Method

<자바 스크립트 배열 참조

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

<button onclick="numbers.forEach(myFunction)">Try it</button>
<p id="demo"></p>

<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];

function myFunction(item, index) {
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br />";
}
</script>

그 결과는 다음과 같습니다

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

forEach() 메소드는 순서대로 배열의 각 요소에 대하여 한번 제공 함수를 호출한다.

참고 forEach() 값없이 배열의 요소의 기능을 실행하지 않는다.


브라우저 지원

테이블의 숫자는 완전히 방법을 지원하는 최초의 브라우저 버전을 지정합니다.

방법
forEach() 9.0 1.5

통사론

매개 변수 값
매개 변수 기술
function(currentValue, index,arr) 필요합니다. 함수는 상기 어레이의 각 요소에 대해 실행된다.
함수 인수 :
논의 기술
currentValue 필요합니다. 현재 요소의 값
index 선택 과목. 현재 요소의 배열 인덱스
arr 선택 과목. 어레이는 현재의 구성 요소가 속하는 개체
thisValue 선택 과목. 값은 해당로서 사용되는 함수에 전달되는 "this" 값.
이 매개 변수가 비어있는 경우, 값 "undefined" 자사로 전달 될 것 "this"

기술적 세부 사항

반환 값 : 정의되지 않은
자바 스크립트 버전 : 1.6

예

더 예

배열의 모든 값의 합계를 가져 오기 :

<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Sum of numbers in array: <span id="demo"></span></p>

<script>
var sum = 0;
var numbers = [65, 44, 12, 4];

function myFunction(item) {
    sum += item;
    demo.innerHTML=sum;
}
</script>
»그것을 자신을 시도

특정 수와 배열의 모든 값을 곱

<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Updated array: <span id="demo"></span></p>

<script>
var numbers = [65, 44, 12, 4];

function myFunction(item,index,arr) {
    arr[index] = item * document.getElementById("multiplyWith").value;
    demo.innerHTML=numbers;
}
</script>
»그것을 자신을 시도

<자바 스크립트 배열 참조