Com convertir els valors del mapa en una matriu en JavaScript

Com Convertir Els Valors Del Mapa En Una Matriu En Javascript



Els mapes JavaScript s'introdueixen a ES6. Emmagatzema parells clau-valor en una llista ordenada. L'ús de mapes pot ser molt útil per emmagatzemar parells clau-valor bàsics, com ara identificadors i noms d'usuari. A més, JavaScript ofereix un parell de mètodes sobre com iterar per recuperar els valors d'un mapa perquè els objectes del mapa de JavaScript són iterables.

Aquest tutorial descriurà el procediment per convertir els valors del mapa en una matriu.

Com convertir/transformar els valors del mapa en una matriu mitjançant JavaScript?

Per transformar els valors d'un mapa en una matriu, utilitzeu els mètodes indicats a continuació:







  • Mètode Array.from().
  • Operador de propagació

Mètode 1: Converteix els valors del mapa en una matriu mitjançant el mètode Array.from().

Per convertir els valors d'un mapa a una matriu, utilitzeu el ' map.values() ' mètode amb el ' Array.from() ” mètode. El mètode map.values() s'utilitza per obtenir els valors del mapa i el mètode Array.from() converteix aquests valors en una matriu.



Sintaxi
Seguiu la sintaxi donada per convertir els valors del mapa a una matriu:



Matriu . des de ( mapa. valors ( ) )

Exemple
Creeu un objecte de mapa nou amb el constructor Map():





era mapa = nou Mapa ( ) ;

Establiu les entrades d'un parell clau-valor al mapa mitjançant el ' conjunt() ” mètode:

mapa. conjunt ( '1' , 'Nom' ) ;
mapa. conjunt ( '2' , 'Edat' ) ;
mapa. conjunt ( '3' , 'Correu electrònic' ) ;
mapa. conjunt ( '4' , 'Contacte#' ) ;

Truqueu al ' valors () ' mètode en el ' Array.from() ” mètode per obtenir els valors del mapa i els converteix en una matriu i emmagatzemar-lo en una variable “ mapValors ”:



era mapValors = Matriu . des de ( mapa. valors ( ) ) ;

Finalment, imprimiu els valors del mapa en una matriu a la consola:

consola. registre ( mapValors ) ;

La sortida indica que els valors del mapa s'han convertit correctament en una matriu:

Mètode 2: Converteix els valors del mapa en una matriu mitjançant l'operador Spread

Una altra manera de transformar els valors del mapa en una matriu és utilitzar el ' operador de propagació ' amb el ' map.values() ” mètode. El mètode map.values() obté primer els valors del mapa i l'operador de propagació copiarà tots els valors del mapa en una matriu.

Sintaxi
Utilitzeu la sintaxi proporcionada a continuació per convertir els valors del mapa a una matriu mitjançant l'operador de propagació:

[ ... mapa . valors ( ) ]

Exemple
Truqueu al ' map.values() ' mètode amb el ' operador de propagació ” que convertirà els valors del mapa en una matriu:

era mapValors = [ ... mapa . valors ( ) ] ;

Sortida

Consell de bonificació

Si voleu convertir les claus o totes les entrades del mapa en una matriu, seguiu la secció següent.

Converteix les claus del mapa en una matriu mitjançant el mètode Array.from().

Per convertir les claus del mapa i totes les entrades (parells clau-valor) del mapa en una matriu, utilitzeu el ' map.Keys() mètode ' i el ' map.entries() ' mètode amb el ' Array.from() ” mètode. El mètode map.Keys() obté les claus del mapa i el mètode map.entries() s'utilitza per recuperar les entrades del mapa en un parell clau-valor.

Exemple
Per convertir les claus del mapa, truqueu al ' map.Keys() ' mètode en el ' Array.from() ” mètode:

const claus = Matriu . des de ( mapa. claus ( ) ) ;

Truqueu al mètode map.entries() com a argument al mètode Array.from() per convertir totes les entrades del mapa en una matriu:

const entrades = Matriu . des de ( mapa. entrades ( ) ) ;

La sortida mostra que les claus i les entrades del mapa s'han convertit correctament en una matriu:

Converteix les claus del mapa en una matriu mitjançant el mètode de l'operador de propagació

Vegem el mètode per convertir les claus del mapa i totes les entrades del mapa en una matriu, utilitzant el ' operador de propagació ”.

Exemple
Truqueu al ' map.Keys() ” amb l'operador de propagació i emmagatzemar la matriu resultant a la variable mapKeys:

era mapKeys = [ ... mapa . claus ( ) ] ;

Per convertir les entrades del mapa en una matriu utilitzant el ' map.entries() ” mètode amb l'operador de propagació:

const mapEntries = [ ... mapa . entrades ( ) ] ;

Sortida

Hem recopilat tota la informació necessària relacionada amb la conversió de valors de mapes a una matriu i també mapes claus i entrades en una matriu mitjançant JavaScript.

Conclusió

Per convertir els valors del mapa a una matriu, utilitzeu el ' map.values() ' mètode amb el ' Array.from() mètode ' o el ' operador de propagació ”. El mètode map.values() s'utilitza per obtenir els valors del mapa i el mètode Array.from() converteix aquests valors en una matriu mentre l'operador de propagació copia tots els valors del mapa a una matriu. Aquest tutorial descriu el procediment per convertir els valors d'un mapa a una matriu.