Come convertire la mappa in un array di oggetti in JavaScript

Come un oggetto in JavaScript, una mappa è un gruppo/raccolta di coppie di valore chiave. Più specificamente, la conversione di una mappa in un array di oggetti è un processo per prendere le coppie di valore chiave di una mappa e trasformarle in un array di oggetti, in cui ogni oggetto ha proprietà per la chiave e il valore. Questo può essere utile quando si lavora con i dati in un array anziché in un formato della mappa. In JavaScript, questo può essere fatto utilizzando l'array.dal metodo o dalla mappa.metodo foreach ().

Questo articolo descriverà i metodi per convertire una mappa in un array di oggetti in JavaScript.

Come convertire una mappa in un array di oggetti in JavaScript?

Per convertire una mappa JavaScript in un array di oggetti, utilizzare i metodi di seguito:

• • Vettore.Dal metodo ()
  • Carta geografica.metodo foreach ()

Metodo 1: convertire la mappa in un array di oggetti che utilizzano l'array.Dal metodo ()

Per la conversione della mappa in un array comprende oggetti, usa il "Vettore.da()"Metodo passando la funzione e la mappa come argomento in cui la mappa è iterata dalla funzione e fornisce un oggetto che contiene la coppia di valore chiave corrente. L'array.dal metodo () crea una nuova istanza di un array da un determinato oggetto, come mappa, array e così via.

Sintassi

Usa la sintassi data per l'array.dal metodo ():

Vettore.da (mappa, mapfunction)

Esempio

Innanzitutto, crea una nuova istanza di mappa:

const map1 = new map ();

Ora, aggiungi i valori in un formato del valore chiave in mappa utilizzando il metodo SET ():

Map1.set ('name', 'John');
Map1.set ('hobby', 'book reading');
Map1.Set ('Skill', 'Content Writer');

Chiama l'array.dal metodo () e restituisce un oggetto contenente coppie di valore chiave iterato la mappa:

const arrobj = array.da (map1, function ([key, value])
return [key]: value;
);

Infine, stampare l'array risultante di oggetti sulla console:

console.log (arrobj);

Si può osservare che la mappa è stata convertita con successo in una serie di oggetti:

Metodo 2: convertire la mappa in un array di oggetti in javascript utilizzando la mappa.metodo foreach ()

Usa il "Carta geografica.per ciascuno()"Metodo per ripetere la mappa e memorizzare gli oggetti in un array vuoto. Il metodo foreach () esegue una determinata funzione una volta per ogni coppia di valore chiave nell'oggetto mappa.

Sintassi

Utilizzare la seguente sintassi per l'utilizzo del metodo foreach ():

foreach ((value, key) =>
//fare qualcosa
)

Contiene una funzione di callback con valore e chiave dei parametri.

Esempio

Crea un oggetto mappa chiamato "Map1":

const map1 = nuova mappa ([
["nome", "John"],
['Hobby', 'Lettura del libro'],
['Abilità', 'Writer di contenuti']
]);

Ora, crea una variabile che memorizza un array vuoto:

const arrobj = [];

Loop la mappa usando il ciclo foreach () e avvolgere ogni coppia di valore chiave in un oggetto e spingere l'oggetto nell'array vuoto usando "spingere()" metodo:

Map1.foreach ((value, key) =>
Arrobj.push (~ key, value);
);

Infine, stampare l'array risultante di oggetti sulla console usando "console.tronco d'albero()" metodo:

console.log (arrobj);

Produzione

Abbiamo compilato tutte le istruzioni necessarie relative alla conversione della mappa in un array di oggetti.

Conclusione

Per convertire una mappa in un array di oggetti, usa il "Vettore.da()Metodo o il "Carta geografica.per ciascuno()" metodo. Entrambi i metodi funzionano bene ma l'array.dal metodo () è più veloce perché crea un nuovo array con gli stessi elementi della mappa, quindi non è necessario un array extra vuoto. Questo articolo ha descritto i metodi per convertire una mappa in un array comprendono oggetti.