Wie ein Objekt in JavaScript ist eine Karte eine Gruppe/Sammlung von Schlüsselwertpaaren. Insbesondere ist das Konvertieren einer Karte in ein Array von Objekten ein Prozess, in dem die Schlüsselwertpaare einer Karte übernommen und in ein Array von Objekten umgewandelt werden, wobei jedes Objekt Eigenschaften für den Schlüssel und den Wert hat. Dies kann nützlich sein, wenn Sie mit den Daten in einem Array und nicht in einem Kartenformat arbeiten. In JavaScript kann dies unter Verwendung des Arrays erfolgen.aus () Methode oder Karte.foreach () Methode.
In diesem Artikel werden die Methoden beschrieben, um eine Karte in ein Array von Objekten in JavaScript umzuwandeln.
So konvertieren Sie eine Karte in ein Array von Objekten in JavaScript in eine Reihe von Objekten?
Verwenden Sie die folgenden Methoden zum Konvertieren einer JavaScript-Karte in ein Array von Objekten:
Methode 1: Konvertieren Sie die Karte in ein Array von Objekten, die Array verwenden.von () Methode
Verwenden Sie die Umwandlung von MAP in ein Array aus Objekten. Verwenden Sie die “Array.aus()Methode durch Übergabe der Funktion und der Karte als Argument, bei der die Karte von der Funktion iteriert wird und ein Objekt enthält, das das aktuelle Schlüsselwertpaar enthält. Das Array.Von () erstellt die Methode eine neue Instanz eines Arrays aus einem bestimmten Objekt wie Karte, Array usw.
Syntax
Verwenden Sie die angegebene Syntax für das Array.von () Methode:
Array.Von (Karte, Mappfunktion)
Beispiel
Erstellen Sie zunächst eine neue Karte der Karte:
const map1 = new map ();
Fügen Sie nun die Werte in einem Schlüsselwertformat in MAP mit der Methode set () hinzu:
MAP1.set ('name', 'John');
MAP1.set ('hobby', 'book Reading');
MAP1.set ('Fähigkeiten', 'Content Writer');
Rufen Sie das Array an.Von () Methode und gibt ein Objekt zurück, das Schlüsselwertpaare enthält, indem die Karte iteriert wird:
const arrobj = Array.Von (MAP1, Funktion ([Schlüssel, Wert])
return [Schlüssel]: Wert;
);
Drucken Sie schließlich das resultierende Array von Objekten auf der Konsole:
Konsole.log (arrobj);
Es kann beobachtet werden, dass die Karte erfolgreich in eine Reihe von Objekten umgewandelt wurde:
Methode 2: Konvertieren Sie die Karte in ein Array von Objekten in JavaScript mit der Karte.foreach () Methode
Verwenden Sie die “Karte.für jede()Methode zum Ieserieren der Karte und zum Speichern der Objekte in einem leeren Array. In der Methode foreach () wird eine bestimmte Funktion für jedes Schlüsselwertpaar im Kartenobjekt einmal ausgeführt.
Syntax
Verwenden Sie die folgende Syntax, um die Methode foreach () zu verwenden:
foreach ((Wert, Schlüssel) =>
//etwas tun
)
Es enthält eine Rückruffunktion mit Parameternswert und Schlüssel.
Beispiel
Erstellen Sie ein Kartenobjekt mit dem Namen “MAP1”:
const map1 = neue Karte ([[
['Name', 'John'],
['Hobby', 'Buchlesen'],
['Fähigkeiten', 'Inhaltsschreiber']
]);
Erstellen Sie nun eine Variable, die ein leeres Array speichert:
const arrobj = [];
Schleifen Sie die Karte mit der ForeAch ()-Schleife ab und wickeln Sie jedes Schlüsselwertpaar in ein Objekt ein und drücken Sie das Objekt mit dem "leeren Array in das leere Array"drücken()" Methode:
MAP1.foreach ((Wert, Schlüssel) =>
Arrobj.push (key, value);
);
Drucken Sie zum Schluss das resultierende Array von Objekten auf der Konsole mit der “Konsole.Protokoll()" Methode:
Konsole.log (arrobj);
Ausgang
Wir haben alle erforderlichen Anweisungen zur Umwandlung von MAP in ein Array von Objekten zusammengestellt.
Abschluss
Verwenden Sie die „MAP in ein Array von Objekten konvertieren Sie die“Array.aus()”Methode oder die“Karte.für jede()" Methode. Beide Methoden funktionieren gut, aber das Array.Von () Methode ist schneller, da sie ein neues Array mit denselben Elementen wie die Karte erzeugt, sodass kein zusätzliches leeres Array erforderlich ist. In diesem Artikel wurde die Methoden zum Umwandeln einer Karte in ein Array beschrieben, die Objekte umfassen.