Dieses Tutorial beschreibt das Verfahren zum Konvertieren der Kartenwerte in ein Array.
Wie konvertiere/transformiere ich Kartenwerte mit JavaScript in ein Array?
Verwenden Sie die unten angegebenen Methoden, um die Werte einer Karte in ein Array umzuwandeln:
- Array.from()-Methode
- Spread-Operator
Methode 1: Konvertieren Sie Kartenwerte mithilfe der Methode Array.from() in ein Array
Um die Werte einer Karte in ein Array umzuwandeln, verwenden Sie das „ map.values() “-Methode mit dem „ Array.from() ' Methode. Die Methode map.values() wird verwendet, um die Werte der Karte abzurufen, und die Methode Array.from() konvertiert diese Werte in ein Array.
Syntax
Befolgen Sie die angegebene Syntax zum Konvertieren von Kartenwerten in ein Array:
Array . aus ( Karte. Werte ( ) )
Beispiel
Erstellen Sie ein neues Kartenobjekt mit dem Map()-Konstruktor:
war Karte = Neu Karte ( ) ;
Setzen Sie die Einträge in einem Schlüssel-Wert-Paar in der Map mit dem „ einstellen() ' Methode:
Karte. einstellen ( '1' , 'Name' ) ;Karte. einstellen ( 'zwei' , 'Das Alter' ) ;
Karte. einstellen ( '3' , 'Email' ) ;
Karte. einstellen ( '4' , 'Kontakt#' ) ;
Ruf den ' Werte() ” Methode in der “ Array.from() ” Methode, um die Kartenwerte zu erhalten und sie in ein Array umzuwandeln und in einer Variablen zu speichern “ Kartenwerte “:
war Kartenwerte = Array . aus ( Karte. Werte ( ) ) ;
Drucken Sie schließlich die Kartenwerte in einem Array auf der Konsole aus:
Konsole. Protokoll ( Kartenwerte ) ;Die Ausgabe zeigt an, dass die Werte der Karte erfolgreich in ein Array konvertiert wurden:
Methode 2: Konvertieren Sie Kartenwerte mithilfe des Spread-Operators in ein Array
Eine andere Möglichkeit, die Werte der Karte in ein Array umzuwandeln, ist die Verwendung des Befehls „ Spread-Operator ' mit dem ' map.values() ' Methode. Die Methode map.values() ruft zuerst die Werte der Karte ab, und der Spread-Operator kopiert alle Kartenwerte in ein Array.
Syntax
Verwenden Sie die unten bereitgestellte Syntax zum Konvertieren von Kartenwerten in ein Array mit dem Spread-Operator:
Beispiel
Ruf den ' map.values() “-Methode mit dem „ Spread-Operator “, der die Werte der Karte in ein Array umwandelt:
Ausgabe
Bonus-Tipp
Wenn Sie Schlüssel oder alle Karteneinträge in ein Array konvertieren möchten, folgen Sie dem folgenden Abschnitt.
Konvertieren Sie die Schlüssel der Karte mithilfe der Methode Array.from() in ein Array
Um die Schlüssel der Map und alle Einträge (Schlüssel-Wert-Paare) der Map in ein Array umzuwandeln, verwenden Sie das „ map.Keys() “ Methode und die „ map.entries() “-Methode mit dem „ Array.from() ' Methode. Die Methode map.Keys() erhält die Schlüssel der Karte und die Methode map.entries() wird verwendet, um die Einträge der Karte in einem Schlüssel-Wert-Paar abzurufen.
Beispiel
Rufen Sie zum Konvertieren von Kartenschlüsseln das „ map.Keys() ” Methode in der “ Array.from() ' Methode:
Rufen Sie die Methode map.entries() als Argument in der Methode Array.from() auf, um alle Karteneinträge in ein Array zu konvertieren:
konst Einträge = Array . aus ( Karte. Einträge ( ) ) ;Die Ausgabe zeigt, dass die Schlüssel und Einträge der Map erfolgreich in ein Array konvertiert wurden:
Konvertieren Sie Zuordnungsschlüssel mithilfe der Spread-Operator-Methode in ein Array
Sehen wir uns die Methode zum Konvertieren von Zuordnungsschlüsseln und allen Zuordnungseinträgen in ein Array an, indem die „ Spread-Operator “.
Beispiel
Ruf den ' map.Keys() ”-Methode mit dem Spread-Operator und speichern Sie das resultierende Array in der Variablen mapKeys:
Zum Konvertieren von Map-Einträgen in einem Array mit dem „ map.entries() ”-Methode mit dem Spread-Operator:
konst Karteneinträge = [ ... Karte . Einträge ( ) ] ;Ausgabe
Wir haben alle notwendigen Informationen zum Konvertieren von Kartenwerten in ein Array zusammengestellt und auch Schlüssel und Einträge mit JavaScript in ein Array abgebildet.
Fazit
Um die Kartenwerte in ein Array umzuwandeln, verwenden Sie das „ map.values() “-Methode mit dem „ Array.from() “ Methode oder die „ Spread-Operator “. Die Methode map.values() wird verwendet, um die Werte der Karte zu erhalten, und die Methode Array.from() konvertiert diese Werte in ein Array, 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.