Najnowsze tutoriale tworzenie stron internetowych
 

JavaScript Szyk forEach() Method

<JavaScript Array Reference

Przykład

Listy Każdy element w tablicy:

<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>

Wynikiem będzie:

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

forEach() metoda wymaga podaną funkcję dla każdego elementu w tablicy, w kolejności.

Uwaga: forEach() nie wykonuje funkcji dla elementów tablicy bez wartości.


Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje metodę.

metoda
forEach() tak 9.0 1.5 tak tak

Składnia

wartości parametrów
Parametr Opis
function(currentValue, index,arr) Wymagany. Funkcja do uruchomienia każdego elementu w tablicy.
Argumenty funkcji:
Argument Opis
currentValue Wymagany. Wartość bieżącego elementu
index Opcjonalny. Indeksu tablicy tego elementu
arr Opcjonalny. Tablica obiekt bieżący element należący do
thisValue Opcjonalny. Wartość zostać przekazany do funkcji mają być używane jako "this" wartości.
Jeśli ten parametr jest pusty, wartość "undefined" zostaną przekazane jako "this" wartości

Szczegóły techniczne

Zwracana wartość: niezdefiniowany
JavaScript wersja: 1.6

Przykłady

Więcej przykładów

Przykład

Uzyskać sumę wszystkich wartości w tablicy:

<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>
Spróbuj sam "

Przykład

Pomnożyć wszystkie wartości w tablicy z określonym numerem:

<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>
Spróbuj sam "

<JavaScript Array Reference