Unterschied zwischen foreach und MAP -Schleife in JavaScript

JavaScript verfügt. Der Karte() Und für jede() sind zwei Methoden, die über die Elemente des vorhandenen Arrays iterieren. Der Karte() Die Methode wendet eine Funktion auf jedes Element des Arrays an und gibt ein neues Array zurück, während die foreach () -Methode auch dieselbe Funktion verwendet, die Elemente des aktuellen Arrays jedoch ändert.

Dieser Beitrag beschreibt die Methoden map () und foeach () im Detail, um diese Methoden in JavaScript zu unterscheiden.

Wie funktioniert für die Methode () in JavaScript??

Der für jede() Die Methode wird eingesetzt, um einige Operationen in den Array -Elementen durchzuführen. Sie können eine Rückrufmethode ausführen. Der für jede() Methodenrückgabeart ist undefiniert, da er vollständig von der Funktionalität der Aufruf -Rückfunktion abhängt.

Es ist eine neuere Möglichkeit, weniger Code zu schreiben, der über ein Array iteriert. Die Syntax der foreach () -Methode ist unten bereitgestellt:

Syntax

Array.foreach (Funktion (Element, Index, Array), Thisval)

Die Beschreibung der Syntax lautet wie folgt:

• Funktion (Element, Index, Array): Ist eine erforderliche Funktion, um über Array -Elemente zu iterieren.
• Element: Gibt das vorhandene Array -Element an.
• Index: Repräsentiert den Index des vorhandenen Elements.
• Array: Gibt den Namen des Arrays an, zu dem die Element gehört.
• Thisval: repräsentiert diesen Wert der Funktion.

Beispiel

Der folgende Beispielcode ist angepasst, um die Verwendung des für jede() Methode in JavaScript.

Code

Ein Beispiel für die Verwendung der foreach ()

Die Beschreibung des Codes lautet wie folgt:

• Es wird ein Tag erstellt, mit dem das Array angezeigt wird.
• Danach ein Array A wird mit sechs Elementen aus initialisiert 10 bis 15.
• Außerdem die für jede() Die Methode wird verwendet, um die Array -Elemente zu iterieren .
• Die InnerText -Eigenschaft ruft alle Inhalte des 'Div' Elements ab.
• Die Appendchild -Eigenschaft wird verwendet, um die untergeordneten Elemente an das Element mit ID anzuhängenID1”.

Ausgang

Es wird beobachtet, dass die Elemente des Arrays im Fenster des Browsers gedruckt werden.

Wie funktioniert die MAP () -Methode in JavaScript??

Die MAP () -Methode gibt transformierte Elemente in einem Neuarray zurück, indem die Rückruffunktion auf jedes Element des Arrays angewendet wird. Die Methode ist unveränderlich und kann die Daten ändern/abwechseln. Es ist schneller als die foreAch () -Methode. Es bietet kettenfähige Merkmale; Benutzer können Sort (), filter () und reduzieren () Methoden nach Anwendung von MAP () auf Arrays assoziieren und reduzieren. Darüber hinaus gibt es die gleiche Größe wie das vorhandene Array zurück.

Die Syntax ist unten angegeben.

Syntax

Array.MAP (Funktion (Element, Index, Array), Thisval)

Die Beschreibung der Parameter lautet wie folgt:

• Funktion (Element, Index, Array): bezeichnet die Funktion, die auf jedes Array -Element angewendet wird.
• Element: Geben Sie das aktuelle Element des Arrays an
• Index: stellen den Index des aktuellen Elements dar
• Array: Geben Sie den Namen des Arrays für die Rückrufmethode an
• Thisval: Zeigt den aktuellen Wert der Funktion an.

Code

Konsole.log ('ein Beispiel für die Verwendung der MAP ()')
const num = [10, 9, 8, 7, 6]
Konsole.log (num.Karte (ele =>
ele * ele))

Die Beschreibung des Code ist hier aufgeführt.

• Erstens wird eine Nachricht mit dem angezeigt "Konsole.Protokoll()" Methode.
• Danach eine Array wird mit dem Namen beschäftigt num in denen fünf Elemente definiert sind.
• Endlich, das Karte() Die Methode wird verwendet, um ein Neues Array zurückzugeben, in dem alle ihre Elemente die Vielfachen von sich selbst sind.

Ausgang

Das Ergebnis des Codes zeigt, dass die Karte() Die Methode gibt die quadratischen Werte zurück 10, 9, 8, 7, Und 6 Zu 100, 81, 64, 49, Und 36.

Abschluss

Die Methoden MAP () und foreach () verwenden die Funktion, um die Iteration über die Array -Elemente durchzuführen. Folgend erstellen MAP () -Methoden ein Array, während der Rückgabetyp der foreach (0 -Methode undefiniert ist. In diesem Beitrag wird eine detaillierte Erläuterung der Methode MAP () und foreach () beschrieben, um diese beiden iterierenden Methoden zu unterscheiden. Beide Methoden werden verwendet, um die Array -Elemente zu iterieren.