JavaScript foreach

Während Sie mit Arrays in JavaScript arbeiten, müssen Sie möglicherweise das Array iterieren, um die Ausgabe zu erhalten, während Sie einige Operationen ausführen. Dazu bietet JavaScript einige Methoden, einschließlich der “für jede()Methode, mit der die angegebene Funktion einmal für jedes Element in einem Array ausgeführt wird.

Dieser Artikel veranschaulicht die Funktionalität der JavaScript foreach () -Methode.

Was ist JavaScript foreach () -Methode?

Der "für jede()Methode iteriert die Elemente eines Arrays beim Aufrufen einer Funktion. Es verwendet eine Funktion anders als die traditionelle “Für Schleife”. Der Rückgabewert dieser Methode ist immer undefiniert. Abhängig von der Funktionalität der Argumentfunktion kann diese Methode das übergebene Array ändern oder nicht.

Syntax
Folgen Sie der angegebenen Syntax, um für die Ereig -Schleife in JavaScript zu verwenden:

foreach (Rückruf (Element, Index, arr));

Hier das "Ruf zurück()Ist die Funktion, die für jedes Element des in diesem Parameter gespeicherten Array aufgerufen wirdElement"Ist der Wert eines Arrays, der verarbeitet wird"IndexIst der Index des Elements, das verarbeitet wird und “arrIst das Array, das an die Methode übergeben wird. Der "arr" und das "Index"Sind die optionalen Argumente, während die"Element" ist obligatorisch.

Beispiel 1
In diesem Beispiel werden wir zunächst eine Reihe von ungeraden Zahlen erstellen:

var Oddnumbers = [1, 3, 5, 9, 11];

Jetzt drucken wir die Elemente des Arrays auf der Konsole:

ungerade Zahlen.foreach (Funktion (Nummer)
Konsole.log (number);
);

Ausgang

Lassen Sie uns nun sehen, wie die Methode foreach () in JavaScript mit einer HTML -Datei verwendet wird.

Beispiel 2
In der HTML -Datei werden wir hier eine Schaltfläche erstellen, die auf die “aufgerufen wirdfindsquare ()Methode, wenn das Onclick -Ereignis ausgelöst wird:

Klicken Sie hier, um das Quadrat der ungeraden Zahlen anzuzeigen:

Definieren Sie als nächstes eine Funktion namens “findsquare ()Das enthält eine Reihe von ungeraden Zahlen und ein leeres Array. Rufen Sie in seiner Funktionsdefinition die methode foreach () auf, die jedes Array -Element quadriert und sie dann in die leere drücken “Quadrat”Array:

Funktion findSquare ()
var Oddnumbers = [1, 3, 5, 9, 11];
var square = [];
ungerade Zahlen.foreach (Funktion (Nummer)
Quadrat.Push (Nummer * Nummer);
);

Drucken Sie zuletzt die neuen Werte mit der “ausdokumentieren.schreiben()" Methode:

dokumentieren.Schreiben ("Quadrat der ungeraden Zahlen '1,3,5,7,9,11' ist:");
dokumentieren.schreiben (quadratisch);

Wenn die Schaltfläche klickt, werden alle Werte des Quadratarrays angezeigt:

Wir haben alle wesentlichen Informationen im Zusammenhang mit der Methode JavaScript foreach () behandelt.

Abschluss

Der "für jede()Methode ruft eine Funktion auf, während sie durch die Elemente eines Arrays iteriert werden. Es unterscheidet sich etwas von den Traditionellen “Für Schleife”. Diese Methode wird verwendet, um durch Sets, Karten und Arrays zu iterieren. In diesem Artikel haben wir die Methode JavaScript foreach () mit detaillierten Beispielen veranschaulicht, einschließlich Konsolenbasis und der verknüpften JavaScript-Datei mit HTML.