JavaScript -Array Foreach -Methode erklärt

JavaScript -Array Foreach -Methode erklärt
JavaScript -Array foreach () -Methode wird verwendet, um eine Funktion auf jedes Element eines Arrays anzuwenden. Die erweiterte Funktionalität der foreAch () -Methode ermöglicht es, sie wie eine für die Schleife in JavaScript zu verwenden. Dieser Artikel konzentriert sich auf die Methode () mit den folgenden Lernergebnissen:

- Arbeitsmechanismus von foreach () in JS

- Verwendung von foreach () in JS mit Beispielen

Wie foreach () -Methode funktioniert in JavaScript

Die Funktionalität der foreAch () -Methode hängt von der folgenden Syntax ab.

Array.foreach (Funktion (Curr-val, Index, arr), dieses Val)

Die Syntax wird hier beschrieben,

  • Der Array bezieht sich auf eine Array -Variable
  • Der Funktion() ist eine Rückruffunktion, die nach drei Parametern akzeptiert:
    • Strömungsval: Dieser Parameter bezieht sich auf den aktuellen Wert des Array -Elements
    • Index (optional): Es repräsentiert die Indexzahl eines aktuellen Elements
    • arr (optional): bezieht sich auf das Array, auf dem die für jede() wird benutzt

So verwenden Sie die JavaScript -Array foreach () -Methode

Dieser Abschnitt enthält verschiedene Beispiele, die die Verwendung der foreach () -Methode in verschiedenen Szenarien zeigen.

Beispiel 1

Der folgende Code übt die Methode foreach () zum Drucken der Elemente eines Arrays aus.

make = ["hp", "dell", "lenovo", "acer"];
Funktion print (item)
Konsole.Protokoll (Element);

machen.foreach (drucken);

Der obige Code enthält ein Array mit dem Namen machen und eine Funktion namens namens drucken Das hat eine Konsole.log () Befehl. Darüber hinaus wird diese Funktion an a übergeben für jede() Methode.

Ausgang

Die Ausgabe zeigt, dass die für jede() Methode hat die ausgeführt Druck (Artikel) Funktion und die Liste der Array -Elemente wird ebenfalls gedruckt.

Aus diesem Beispiel hätten Sie die grundlegende Verwendung des für jede() Methode.

Beispiel 2

Der folgende Code verwendet a Funktion(Artikel) direkt in die für jede() Methode.

make = ["hp", "dell", "lenovo", "acer"];
machen.foreach (Funktion (Element)
Konsole.Protokoll (Element);
)

Der obige Code verwendet a für jede() Methode und Funktion(Artikel) wird als Argument an ihn weitergegeben. Der Funktion(Artikel) führt eine einzelne aus Konsole.Protokoll() Aussage (die über jedes Element der Iteration des Elements iteriert wird machen Array)

Ausgang

Notiz: Die im obigen Beispiel verwendete Methode wird häufig verwendet, um komplexe Funktionen in der foreAch () -Methode zu verwenden.

Beispiel 3

In diesem Beispiel wird die foreAch () -Methode mit der JS -Pfeilfunktion ausgeführt (ermöglicht es Ihnen, eine Funktion in kürzerer Form zu schreiben).

make = ["hp", "dell", "lenovo", "acer"];
machen.foreach (item =>
Konsole.Protokoll (Element);
)

Der obige Code übt die Pfeilfunktion in der für jede() Methode.

Ausgang

Die Ausgabe zeigt, dass die Pfeilfunktion den Zweck des Erstellens einer großen Funktion in der Nutzung annulliert hat für jede() Methode.

Notiz: Die Pfeilfunktion passt am besten zu kleineren Funktionen.

Abschluss

Das Array foreach () -Methode wird verwendet, um eine Operation auf jedem Element des Arrays auszuüben. Normalerweise ist die For -Loop berühmt für die Ausführung einer bestimmten Funktion auf jedem Element des Arrays. Foreach () iteriert jedoch auch jedes Element eines Arrays, um eine Funktion auf ihnen auszuführen. In Anbetracht der Wichtigkeit der foreach () -Methode bietet dieser deskriptive Posts den Arbeitsmechanismus der foreAch () -Methode. Darüber hinaus wird gezeigt.