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