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

JavaScript-Array-Methode forEach()

 JavaScript Array-Objekt

forEach()Die Methode führt die bereitgestellte Funktion (Callback-Funktion) einmal für jedes Array-Element in aufsteigender Reihenfolge aus.

Außer durch Auswerfen von Ausnahmen gibt es keine andere Möglichkeit, die Methode zu stoppen oder zu unterbrechenforEach()Schleife.

Wenn Sie das vorzeitig beenden möchten, können Sie dies durch folgende Weise erreichen:

  • einfache Schleife

  • Einfor......ofSchleife

Syntax:

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

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Methode forEach() vollständig unterstützt:

Methode
forEach()ist1.5istist9

Wert des Parameters

ParameterBeschreibung
callback
Funktion, die für jedes Element im Array ausgeführt wird.
Funktion parameter:
  • currentValue(Pflichtfeld)-Aktuelles Element im Array, das gerade bearbeitet wird

  • index(optional)-Index des aktuellen Elements im Array, das gerade bearbeitet wird

  • array(optional)- wurde aufgerufenforEachArray

thisArg(optional)AusführenCallbackwird derzeit verwendetDiesObjekt

Technische Details

Rückgabewert:Nicht definiert
JavaScript-Version:ECMAScript 5

Mehrere Beispiele

Die Callback-Funktion kann höchstens3Parameter:

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

Berechnen Sie den Gesamtwert aller Werte im Array:

var nums = [2, 5, 10, 5, 10, 28];
var sum = 0;
nums.forEach(function(element) {
    sum += element;
});
document.getElementById("result").innerHTML = sum;
Testen Sie heraus‹/›

Berechnen Sie den Durchschnittswert der Werte im Array:

var nums = [2, 5, 10, 5, 10, 28];
var sum = 0;
nums.forEach(function(element) {
    sum += element;
});
document.getElementById("result").innerHTML = sum / nums.length;
Testen Sie heraus‹/›

Konvertieren Sie den forEach-Zyklus in einen for-Zyklus:

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

 JavaScript Array-Objekt