Neueste Web-Entwicklung Tutorials
 

JavaScript Feld forEach() Method

<JavaScript - Array - Referenz

Beispiel

Führen Sie jedes Element im Array:

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

Das Ergebnis wird sein:

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Versuch es selber "

Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.


Definition und Verwendung

Die forEach() Methode ruft eine Funktion vorgesehen , einmal für jedes Element in einem Array, um.

Anmerkung: forEach() wird nicht ausgeführt , die Funktion für die Array - Elemente ohne Werte.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.

Methode
forEach() Ja 9.0 1.5 Ja Ja

Syntax

Parameterwerte
Parameter Beschreibung
function(currentValue, index,arr) Erforderlich. Eine Funktion wird für jedes Element in dem Array ausgeführt.
Funktionsargumente:
Streit Beschreibung
currentValue Erforderlich. Der Wert des aktuellen Elements
index Optional. Der Array-Index des aktuellen Elements
arr Optional. Die Array-Objekt das aktuelle Element gehört
thisvalue Optional. Ein Wert , der an die Funktion übergeben werden , um als verwendet werden , "this" Wert.
Wenn diese Parameter leer ist, wird der Wert "undefined" wird geleitet als "this" Wert

Technische Details

Rückgabewert: undefiniert
JavaScript Version: 1.6

Beispiele

Mehr Beispiele

Beispiel

Erhalten Sie die Summe aller Werte im Array:

<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>
Versuch es selber "

Beispiel

Multiplizieren aller Werte in dem Array mit einer bestimmten Nummer:

<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>
Versuch es selber "

<JavaScript - Array - Referenz