Come convertire le chiavi della mappa in un array in JavaScript?

JavaScript è un linguaggio di programmazione di alto livello che offre ai suoi sviluppatori molte diverse strutture di dati che vengono utilizzate per archiviare dati e contenuti e possono essere facilmente mantenuti e compresi. Le strutture più comunemente usate per archiviare raccolte di dati in JavaScript sono array e oggetti. Gli array vengono utilizzati per archiviare i record indicizzati mentre sono archiviati le coppie di valori chiave degli oggetti. Nel 2015, JavaScript ha introdotto un altro oggetto iterabile noto come il carta geografica In Ecmascript il cui scopo principale era offrire agli sviluppatori una maggiore flessibilità.

In questo post, discuteremo di cosa sia un oggetto Map e come convertire le chiavi della mappa in un array in JavaScript.

Mappa oggetto

Un oggetto mappa è un oggetto semplice la cui funzione è archiviare una raccolta di elementi con l'eccezione che la mappa memorizza i dati in coppie di valore chiave. Qualunque ordine si inserisca i dati nell'oggetto mappa, ricorda quell'ordine. IL sintassi dell'oggetto MAP è riportato di seguito:

var map = new map ([iteblebject]);

IL itebleObject L'argomento è facoltativo ed è l'oggetto i cui elementi sono archiviati come coppie di valore chiave nell'oggetto mappa.

Implementamo un oggetto Map in JavaScript in modo da sapere come viene inizializzato l'oggetto mappa e come funziona:

// Crea mappa
var map = newMap ();
// impostare tasti e valori per l'oggetto mappa
carta geografica.set ('1', 'string'); // chiave come stringa
carta geografica.set (1, 'numero'); // chiave come numerico
carta geografica.set (true, "booleano"); // Chiave come booleano
// Ottieni valori dalla mappa usando i tasti
console.registro (mappa.get (1)); // numero
console.registro (mappa.get ('1')); // corda

Nel codice sopra, abbiamo inizializzato un oggetto mappa e quindi impostato alcuni valori all'interno dell'oggetto mappa inizializzato. Dopo questo, prendiamo un valore usando la mappa.get () metodo e visualizzarlo usando la console.tronco d'albero():

Conversione delle chiavi della mappa in array

Possiamo ottenere le chiavi dell'oggetto mappa usando il Carta geografica.tasti () metodo.

Per convertire le chiavi della mappa in un array possiamo usare due metodi. Il primo approccio sarà quello di utilizzare il Vettore.da metodo che aiuta a convertire un file Mapiteratore (Un oggetto che ci aiuta a fare il giro di record o raccolte) in un array nel modo seguente:

// Crea mappa
var map = newMap ();
// impostare tasti e valori per l'oggetto mappa
carta geografica.set ("frutto", "mela");
carta geografica.SET ('Quantity', 20);
// Converti le chiavi della mappa in array
Let Keys = Array.da (mappa.tasti ());
console.registro (chiavi); // [frutta, quantità]

Nel codice sopra, prima, abbiamo inizializzato l'oggetto mappa e quindi impostato due valori per l'oggetto mappa. Accanto a ottenere le chiavi dell'oggetto mappa abbiamo usato il metodo integrato dell'oggetto mappa carta geografica.tasti (). Quindi abbiamo usato il Vettore.da Metodo che convertirà il risultato in un array. Alla fine, abbiamo visualizzato i tasti sulla console usando la console.Metodo log ().

Il secondo approccio che possiamo adottare è utilizzare l'operatore di diffusione "..." In JavaScript la cui funzione è prendere un iterabile e quindi convertire quella iterabile in singoli elementi.

// Crea mappa
var map = newMap ();
// impostare tasti e valori per l'oggetto mappa
carta geografica.set ("frutto", "mela");
carta geografica.SET ('Quantity', 20);
// Converti le chiavi della mappa in array
let keys = [... mappa.tasti ()];
console.registro (chiavi); // [frutta, quantità]

Il codice sopra riportato rimane lo stesso con l'eccezione dell'uso dell'operatore di diffusione "...".

Come puoi vedere nell'output che abbiamo convertito correttamente il nostro oggetto mappa in un array iterabile:

Conclusione

JavaScript ha introdotto un oggetto MAP in ECMascript nel 2005 in cui possiamo archiviare una raccolta di elementi in coppie di valore chiave. Possiamo ottenere le chiavi dall'oggetto mappa usando la mappa del metodo integrato.tasti (). Per convertire le chiavi della mappa in un array dobbiamo prima inizializzare un oggetto MAP, seguito dall'uso della mappa.Metodo dei tasti () e quindi utilizzare l'operatore o l'array di spread.dal metodo () per convertire le chiavi in ​​un array.

In questo post, abbiamo discusso di cosa sia un oggetto della mappa JavaScript e come convertire un oggetto mappa in un array in JavaScript usando due approcci; Utilizzando l'operatore di diffusione e utilizzando un array.Dal metodo ().