Come convertire i valori della mappa in un array in JavaScript

Come Convertire I Valori Della Mappa In Un Array In Javascript



Le mappe JavaScript sono state introdotte in ES6. Memorizza le coppie chiave-valore in un elenco ordinato. L'utilizzo delle mappe può essere estremamente utile per memorizzare coppie chiave-valore di base come ID e nomi utente. Inoltre, JavaScript fornisce un paio di metodi su come iterare per recuperare i valori di una mappa perché gli oggetti mappa JavaScript sono iterabili.

Questo tutorial descriverà la procedura per convertire i valori della mappa in un array.

Come convertire/trasformare i valori della mappa in un array utilizzando JavaScript?

Per trasformare i valori di una mappa in un array, utilizzare i metodi indicati di seguito:







  • Metodo Array.from()
  • Operatore di diffusione

Metodo 1: convertire i valori della mappa in un array utilizzando il metodo Array.from()

Per convertire i valori di una mappa in un array, utilizzare il ' mappa.valori() ” metodo con il “ Array.da() ' metodo. Il metodo map.values() viene utilizzato per ottenere i valori della mappa e il metodo Array.from() converte questi valori in un array.



Sintassi
Segui la sintassi data per convertire i valori della mappa in un array:



Vettore . da ( carta geografica. i valori ( ) )

Esempio
Crea un nuovo oggetto mappa usando il costruttore Map():





era carta geografica = nuovo Carta geografica ( ) ;

Imposta le voci in una coppia chiave-valore nella mappa utilizzando ' impostare() ' metodo:

carta geografica. impostare ( '1' , 'Nome' ) ;
carta geografica. impostare ( 'Due' , 'Età' ) ;
carta geografica. impostare ( '3' , 'E-mail' ) ;
carta geografica. impostare ( '4' , 'Contatto#' ) ;

Chiama il ' i valori() ” metodo nel “ Array.da() ” metodo per ottenere i valori della mappa e li converte in un array e memorizzarlo in una variabile “ mapValues ”:



era mapValues = Vettore . da ( carta geografica. i valori ( ) ) ;

Infine, stampa i valori della mappa in un array sulla console:

consolare. tronco d'albero ( mapValues ) ;

L'output indica che i valori della mappa sono stati convertiti correttamente in un array:

Metodo 2: convertire i valori della mappa in un array utilizzando l'operatore Spread

Un altro modo per trasformare i valori della mappa in un array è usare il ' operatore di diffusione ' con il ' mappa.valori() ' metodo. Il metodo map.values() ottiene prima i valori della mappa e l'operatore spread copierà tutti i valori della mappa in un array.

Sintassi
Utilizzare la sintassi fornita di seguito per convertire i valori della mappa in un array utilizzando l'operatore spread:

[ ... carta geografica . i valori ( ) ]

Esempio
Chiama il ' mappa.valori() ” metodo con il “ operatore di diffusione ” che convertirà i valori della mappa in un array:

era mapValues = [ ... carta geografica . i valori ( ) ] ;

Produzione

Suggerimento bonus

Se desideri convertire le chiavi o tutte le voci della mappa in un array, segui la sezione seguente.

Converti chiavi di mappa in un array usando il metodo Array.from ().

Per convertire le chiavi della mappa e tutte le voci (coppie chiave-valore) della mappa in un array, utilizzare il ' mappa.Chiavi() ” metodo e il “ mappa.voci() ” metodo con il “ Array.da() ' metodo. Il metodo map.Keys() ottiene le chiavi della mappa e il metodo map.entries() viene utilizzato per recuperare le voci della mappa in una coppia chiave-valore.

Esempio
Per convertire le chiavi della mappa, chiama ' mappa.Chiavi() ” metodo nel “ Array.da() ' metodo:

cost chiavi = Vettore . da ( carta geografica. chiavi ( ) ) ;

Chiama il metodo map.entries() come argomento nel metodo Array.from() per convertire tutte le voci della mappa in un array:

cost inserimenti = Vettore . da ( carta geografica. inserimenti ( ) ) ;

L'output mostra che le chiavi e le voci della mappa sono state convertite correttamente in un array:

Convertire le chiavi della mappa in un array utilizzando il metodo dell'operatore di diffusione

Vediamo il metodo per convertire le chiavi della mappa e tutte le voci della mappa in un array, utilizzando il ' operatore di diffusione ”.

Esempio
Chiama il ' mappa.Chiavi() ” con l'operatore spread e memorizza l'array risultante nella variabile mapKeys:

era mapKeys = [ ... carta geografica . chiavi ( ) ] ;

Per convertire le voci della mappa in un array utilizzando ' mappa.voci() ” metodo con l'operatore spread:

cost mapVoci = [ ... carta geografica . inserimenti ( ) ] ;

Produzione

Abbiamo compilato tutte le informazioni necessarie relative alla conversione dei valori della mappa in un array e abbiamo anche mappato le chiavi e le voci in un array utilizzando JavaScript.

Conclusione

Per convertire i valori della mappa in un array, utilizzare il ' mappa.valori() ” metodo con il “ Array.da() ” metodo o il “ operatore di diffusione ”. Il metodo map.values() viene utilizzato per ottenere i valori della mappa e il metodo Array.from() converte questi valori in un array mentre l'operatore spread copia tutti i valori della mappa in un array. Questo tutorial descrive la procedura per convertire i valori di una mappa in un array.