So konvertieren Sie Kartenwerte in ein Array in JavaScript in ein Array

JavaScript -Karten werden in ES6 eingeführt. Es speichert Schlüsselwertpaare in einer bestellten Liste. Die Verwendung von Karten kann äußerst hilfreich sein, um grundlegende Schlüsselwertpaare wie IDS und Benutzernamen zu speichern. Darüber hinaus bietet JavaScript ein paar Methoden, um das ITRAINED der Werte einer Karte zu iterieren, da JavaScript -Kartenobjekte iterbar sind.

In diesem Tutorial wird das Verfahren zum Konvertieren der MAP -Werte in ein Array beschrieben.

Mit JavaScript konvertieren/transformieren Sie Kartenwerte in ein Array in ein Array?

Verwenden Sie die folgenden Methoden, um die Werte einer Karte in ein Array zu verwandeln:

• Array.von () Methode
• Operator ausbreiten

Methode 1: Konvertieren Sie Kartenwerte mit Array in ein Array.von () Methode

Verwenden Sie die Werte einer Karte in ein Array, um die “zu verwendenKarte.Werte()Methode mit der “Array.aus()" Methode. Die Karte.Die Werte () -Methode wird verwendet, um die Werte der Karte und des Arrays abzurufen.Aus () Methode wandelt diese Werte in ein Array um.

Syntax
Befolgen Sie die angegebene Syntax zum Konvertieren von Kartenwerten in ein Array:

Array.von (Karte.Werte())

Beispiel
Erstellen Sie ein neues Kartenobjekt mit dem Konstruktor map ():

var map = new map ();

Stellen Sie die Einträge in einem Schlüsselwertpaar in der Karte mit der “einSatz()" Methode:

Karte.set ('1', 'name');
Karte.set ('2', 'Alter');
Karte.set ('3', 'mail');
Karte.set ('4', 'contact#');

Ruf den "Werte()”Methode in“Array.aus()„Methode, um die Kartenwerte zu erhalten und sie in ein Array umzuwandeln und in einer Variablen zu speichern“MapValues”:

var mapValues ​​= Array.von (Karte.Werte());

Drucken Sie schließlich die Kartenwerte in einem Array auf der Konsole aus:

Konsole.log (mapValues);

Die Ausgabe zeigt an, dass die Werte der Karte erfolgreich in ein Array umgewandelt werden:

Methode 2: Konvertieren Sie Kartenwerte mit dem Spread Operator in ein Array

Eine andere Möglichkeit, die Werte der Karte in ein Array zu verwandelnOperator ausbreiten" mit dem "Karte.Werte()" Methode. Die Karte.VALUTS () Methode nutzt zuerst die Werte der Karte, und der Spread -Operator kopiert alle Kartenwerte in ein Array.

Syntax
Verwenden Sie die folgende Syntax zum Konvertieren von Kartenwerten mit dem Spread-Operator in ein Array:

[… Karte.Werte()]

Beispiel
Ruf den "Karte.Werte()Methode mit der “Operator ausbreitenDas werden die Werte der Karte in ein Array umwandeln:

var mapValues ​​= [… Karte.Werte()];

Ausgang

Bonuspipp

Wenn Sie Tasten oder alle Karteneinträge in ein Array konvertieren möchten, befolgen Sie den folgenden Abschnitt.

Konvertieren Sie die Kartenschlüssel mit einem Array in ein Array.von () Methode

Verwenden Sie die „Schlüsselwertpaare) der Karte in ein Array, um die Tasten der Karte und alle Einträge (Schlüsselwertpaare) zu konvertierenKarte.Schlüssel()”Methode und die“Karte.Einträge ()Methode mit der “Array.aus()" Methode. Die Karte.Keys () -Methode erhält die Tasten der Karte und der Karte.Einträge () werden verwendet, um die Einträge der Karte in einem Schlüsselwertpaar abzurufen.

Beispiel
Rufen Sie zum Konvertieren von Kartenschlüssel die “auf"Karte.Schlüssel()”Methode in“Array.aus()" Methode:

const keys = Array.von (Karte.Schlüssel());

Rufen Sie die Karte an.Einträge () Methode als Argument in Array.Von () Methode zum Konvertieren aller Karteneinträge in ein Array:

const Einträge = Array.von (Karte.Einträge ());

Die Ausgabe zeigt, dass die Schlüssel und Einträge der Karte erfolgreich in ein Array umgewandelt werden:

Konvertieren Sie die Kartenschlüssel mit der Methode Spread Operator in ein Array

Sehen wir uns die Methode zum Konvertieren von Kartenschlüssel und allen Karteneinträgen in ein Array an, wobei die "die" verwendet werden "Operator ausbreiten”.

Beispiel
Ruf den "Karte.Schlüssel()Methode mit dem Spread -Operator und speichern Sie das resultierende Array in variablen MAPKEYS:

var Mapkeys = [… Karte.Schlüssel()];

Zum Konvertieren von Karteneinträgen in einem Array mit der “Karte.Einträge ()Methode mit dem Spread Operator:

const mapentries = [… Karte.Einträge ()];

Ausgang

Wir haben alle erforderlichen Informationen zum Konvertieren von Kartenwerten in ein Array und auch Kartenschlüssel und Einträge in ein Array mit JavaScript zusammengestellt.

Abschluss

Verwenden Sie die Kartenwerte, um die Kartenwerte in ein Array zu konvertierenKarte.Werte()Methode mit der “Array.aus()”Methode oder die“Operator ausbreiten”. Die Karte.VALUTE () -Methoden werden verwendet, um die Werte der Karte und das Array zu erhalten.Von () Methode wandelt diese Werte in ein Array um, während der Spread -Operator alle Kartenwerte in ein Array kopiert. Dieses Tutorial beschreibt das Verfahren zum Konvertieren der Werte einer Karte in ein Array.