Come convertire i valori della mappa in un array in JavaScript

Le mappe JavaScript sono introdotte in ES6. Memorizza coppie di valore chiave in un elenco ordinato. L'utilizzo delle mappe può essere estremamente utile per archiviare coppie di valori chiave di base come ID e nomi utente. Inoltre, JavaScript fornisce un paio di metodi su come iterare per il recupero dei valori di una mappa perché gli oggetti della mappa JavaScript sono ipotesi.

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

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

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

• Vettore.Dal metodo ()
• Operatore di diffusione

Metodo 1: convertire i valori della mappa in un array usando l'array.Dal metodo ()

Per convertire i valori di una mappa in un array, usa il "carta geografica.valori()Metodo "con il"Vettore.da()" metodo. La mappa.Il metodo valori () viene utilizzato per ottenere i valori della mappa e dell'array.dal metodo () converte questi valori in un array.

Sintassi
Segui la sintassi data per la conversione dei valori della mappa in un array:

Vettore.da (mappa.valori())

Esempio
Crea un nuovo oggetto MAP utilizzando il costruttore Map ():

var map = new map ();

Imposta le voci in una coppia di valore chiave nella mappa usando "impostato()" metodo:

carta geografica.set ('1', 'name');
carta geografica.set ('2', 'age');
carta geografica.set ('3', 'email');
carta geografica.Set ('4', 'Contact#');

Chiama il "valori()Metodo "nel"Vettore.da()"Metodo per ottenere i valori della mappa e li converte in un array e memorizzalo in una variabile"MapValues":

var mapValues ​​= array.da (mappa.valori());

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

console.registro (mapvalues);

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

Metodo 2: convertire i valori della mappa in un array usando l'operatore di spread

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

Sintassi
Utilizzare la sintassi sotto fornito per la conversione dei valori della mappa in un array usando l'operatore di spread:

[… carta geografica.valori()]

Esempio
Chiama il "carta geografica.valori()Metodo "con il"operatore di diffusione"Ciò convertirà i valori della mappa in un array:

var mapValues ​​= [... mappa.valori()];

Produzione

Suggerimento bonus

Se si desidera convertire i tasti o tutte le voci della mappa in un array, segui la sezione seguente.

Converti le chiavi della mappa in un array usando l'array.Dal metodo ()

Per convertire le chiavi della mappa e tutte le voci (coppie di valore chiave) della mappa in un array, utilizzare il “carta geografica.Tasti ()Metodo e il "carta geografica.inserimenti()Metodo "con il"Vettore.da()" metodo. La mappa.Il metodo dei tasti () ottiene i tasti della mappa e della mappa.Il metodo delle voci () viene utilizzato per recuperare le voci della mappa in una coppia di valore chiave.

Esempio
Per convertire le chiavi della mappa, chiamare "carta geografica.Tasti ()Metodo "nel"Vettore.da()" metodo:

const keys = array.da (mappa.tasti ());

Chiama la mappa.Metodo voci () come argomento in array.Dal metodo () per convertire tutte le voci della mappa in un array:

Voci const = array.da (mappa.inserimenti());

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

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

Vediamo il metodo per convertire le chiavi della mappa e tutte le voci della mappa in un array, usando il “operatore di diffusione".

Esempio
Chiama il "carta geografica.Tasti ()"Metodo con l'operatore di spread e memorizzare l'array risultante in mapkeys variabili:

var mapkeys = [... mappa.tasti ()];

Per convertire le voci della mappa in un array usando il "carta geografica.inserimenti()"Metodo con l'operatore di diffusione:

const mapentries = [... mappa.inserimenti()];

Produzione

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

Conclusione

Per convertire i valori della mappa in un array, usa il "carta geografica.valori()Metodo "con il"Vettore.da()Metodo o il "operatore di diffusione". La mappa.Il metodo valori () viene utilizzato per ottenere i valori della mappa e l'array.Dal metodo () converte questi valori in un array mentre l'operatore di diffusione copia tutti i valori della mappa in un array. Questo tutorial descrive la procedura per convertire i valori di una mappa in un array.