Wie man durch eine Karte in JavaScript iteriert

Wie man durch eine Karte in JavaScript iteriert
JavaScript bietet eine Vielzahl von Funktionen, um Iterationen über ein Array durchzuführen. Einer von ihnen, der Karte() Methode iteriert in jedem Element des angegebenen Arrays und gibt ein aktualisiertes Array mit derselben Länge zurück. Der "Für" Schleife neben dem Einträge () Methode iteriert durch die Karte Objekt, das jedes Element des Arrays durchquert. Diese Methoden geben ein Array durch die Schlüsselwertpaare zurück. Darüber hinaus arbeiten diese Methoden nicht auf einem leeren Array. In diesem Beitrag werden verschiedene Methoden erläutert, die durch eine Karte in JavaScript iterieren können.

Der folgende Inhalt drückt den Überblick über diesen Beitrag aus:

  • Wie man durch eine Karte in JavaScript iteriert
  • Verwenden Sie "für" Schleife, um die Karte in JavaScript durch die Karte zu iterieren
  • Verwenden Sie die Rückrufmethode, um die Karte in JavaScript zu iterieren

Wie man durch eine Karte in JavaScript iteriert?

In JavaScript, a Karte Objekt ist eine Kombination aus Schlüssel und einem Wertpaar. Dieses Objekt wird durch die erstellt Karte() Konstrukteur. Der Karte() Methode iteriert das Objekt in einem angegebenen Array. Um über das Objekt zu iterieren, die Karte() Methode integriert in die Einträge () Methode und gibt ein Array durch die Schlüsselwertpaare zurück.

Dieser Abschnitt zeigt viele Möglichkeiten, durch eine Karte in JavaScript zu iterieren.

Methode 1: Verwenden Sie die Schleife "für", um die Karte in JavaScript durch die Karte zu iterieren

Iteration durchführen, die "Für" Schleife wird für jedes Schlüsselwertpaar einmal ausgeführt Karte Objekte in JavaScript. Schauen Sie sich zunächst die Syntax der "Für" Schleife über eine Karte in JavaScript IT -ITRETTIEREN.

Syntax

für (const x von map.Einträge ())

In dieser Syntax, "X" steht für das Schlüsselwertpaar und steht "Karte" bezieht sich auf das Objekt.

Code

Konsole.Log ("Beispiel, um durch eine Karte zu iterieren")
var mag_obj = new map ();
Mag_obj.set ("Cricket", "Sport");
Mag_obj.set ("Apfel", "Essen");
für (var [Schlüssel, Wert] von Mag_OBJ.Einträge ())
Konsole.log (Schlüssel + "ist" + Wert);

Der obige Code wird hier erklärt:

  • Erstens ein Objekt "Mag_obj" wird durch die erstellt Karte() Konstruktor mit a neu Stichwort.
  • Danach die Satz() Die Methode wird verwendet, um zwei Werte zu speichern, "Kricket" Und "Sport" im "Mag_obj".
  • Ähnlich, "Apfel" Und "Essen" werden durch die gesetzt Satz() Methode.
  • Danach die "Für" Schleife wird mit einem implementiert Einträge () Methode, die alle Elemente iteriert und das Neue Array durch Platzierung zurückgibt "Ist" zwischen den obigen Werten.
  • Endlich, das Konsole.Protokoll() Die Methode präsentiert die Ausgabe über das Schlüsselwertpaar im Konsolenfenster.

Ausgang

Die Ausgabe zeigt das "Cricket ist Sport" Und "Apfel ist Essen" werden durch die Schlüsselwertpaare verkettet.

Methode 2: Verwenden der Callback -Methode, um die Karte in JavaScript zu iterieren

Der "Karte()Die Methode wird in jedem Element des Arrays als Rückruffunktion angewendet. Die Syntax der Map () -Methode, die als Rückruffunktion verwendet wird, finden Sie unten:

Syntax

arr.map ((element) => operation)

In dieser Syntax die Karte() Methode iteriert über jeden Element und führt dann eine bestimmte durch Betrieb darauf.

Code

Konsole.Log ("Beispiel, um durch eine Karte zu iterieren")
const num = [3, 6, 7, 2, 5]
const newnum = num.map (item =>
Gegenstand zurückgeben * 2
)
Konsole.log (new_num)

Die Beschreibung des Codes wird hier bereitgestellt:

  • Eine Anordnung num wird erstellt mit fünf Elementen “3, 6, 7, 2, Und 5”.
  • Danach die Karte() Die Methode wird verwendet, um über jedes Element des Arrays durch die zu iterieren num Objekt.
  • Die Methode gibt das Neuarray zurück, indem Sie jedes Element mit multiplizieren 2.
  • Am Ende die Konsole.Protokoll() Die Methode wird verwendet, um das Neuarray im Konsolenfenster vorzustellen.

Ausgang

Die Ausgabe zeigt das "[3, 6, 7, 2, 5]" wird in konvertiert zu "[6, 12, 14, 4, 10]" durch Multiplizieren jedes Elements mit "2" In JavaScript.

Abschluss

JavaScript liefert die Karte() Methode, die in die “integriert wirdfür”Schleife und Einträge () Methoden zur Durchführung von Iteration über Kartenobjekte. Der Für Schleife Iteriert die Elemente durch Objektschlüssel. Der Einträge () Die Methode durchquert ein Kartenobjekt, indem sie Schlüssel extrahieren und dann die Iteration durch Werte durchführen. Hier haben Sie viele Möglichkeiten gelernt, durch ein Kartenobjekt in JavaScript zu iterieren.