Heim  >  Artikel  >  Web-Frontend  >  Was macht die forEach()-Methode in Javascript?

Was macht die forEach()-Methode in Javascript?

青灯夜游
青灯夜游Original
2021-10-09 16:35:372215Durchsuche

In JavaScript wird die Methode forEach() verwendet, um iterative Operationen für Arrays durchzuführen. Jedes Element des Arrays kann aufgerufen werden und die Elemente werden zur Verarbeitung an die Callback-Funktion übergeben ,arr) ,thisValue)“.

Was macht die forEach()-Methode in Javascript?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Der Array-Typ definiert die Prototypmethode forEach() für jedes Array, mit der Iterationsoperationen für das Array ausgeführt werden können. Die Methode

forEach() wird verwendet, um jedes Element des Arrays aufzurufen und das Element an die Rückruffunktion zu übergeben.

Die spezifische Syntax lautet wie folgt:

array.forEach(function(currentValue, index, arr), thisValue)

Die Parameterbeschreibung lautet wie folgt:

  • array: ein Array-Objekt.

  • function(currentValue, index, arr): Erforderliche Parameter, eine Funktion, die bis zu drei Parameter empfangen kann. forEach ruft die callbackfn-Funktion einmal für jedes Element im Array auf.

    • aktueller Wert: erforderlich. Aktuelles Element

    • Index: optional. Der Indexwert des aktuellen Elements.

    • arr: Optional. Das Array-Objekt, zu dem das aktuelle Element gehört.

  • thisArg: optionaler Parameter, das Objekt, auf das this in der callbackfn-Funktion verwiesen werden kann. Wenn thisArg weggelassen wird, ist der Wert von this undefiniert.

Für jedes Element, das im Array erscheint, ruft die forEach-Methode die Callbackfn-Funktion einmal in aufsteigender Indexreihenfolge auf, ruft die Callback-Funktion jedoch nicht für leere Elemente im Array auf.

Zusätzlich zu Array-Objekten kann die forEach-Methode auch für jedes Objekt verwendet werden, das über eine Längeneigenschaft und einen numerisch indizierten Eigenschaftsnamen verfügt, z. B. assoziative Array-Objekte, Argumente usw. Die

forEach-Methode ändert das ursprüngliche Array nicht direkt, die Rückruffunktion kann es jedoch ändern. Die Ergebnisse, die durch Ändern des Array-Objekts nach dem Start der forEach-Methode erzielt werden, sind in der Tabelle dargestellt.

Die Auswirkung der Änderung des Arrays durch die Rückruffunktion
Bedingungen nach dem Start der forEach-Methode Ob das Element an die Rückruffunktion übergeben wird
Elemente hinzufügen, die über die ursprüngliche Länge des Arrays hinausgehen Nein
Fügen Sie Elemente hinzu, um das fehlende Element im Array zu füllen. Ja, wenn der Index nicht an die Rückruffunktion übergeben wurde.
Das Element hat sich geändert. Ja, wenn das Element nicht an übergeben wurde Rückruffunktion
Entfernen Sie das Element aus dem Array Nein, es sei denn, das Element wurde an die Rückruffunktion übergeben

Beispiel 1: Verwenden Sie forEach, um das Array a zu iterieren und dann den Wert und anzuzeigen Der Index jedes Elements lautet wie folgt:

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

Ausgabe:

Was macht die forEach()-Methode in Javascript?

Beispiel 2: Verwenden Sie forEach, um das Array a zu iterieren, berechnen Sie dann die Summe der Array-Elemente und geben Sie

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33

Ausgabe aus :

Was macht die forEach()-Methode in Javascript?

[Lernempfehlung: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonWas macht die forEach()-Methode in Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn