Mappe in JavaScript | Spiegato

Le mappe in JavaScript sono anche un tipo di dati strutturati che archiviano simili a oggetti e array. Tuttavia, le mappe mettono in evidenza il meglio di oggetti e array. Mappe archivia i dati in coppie di valore chiave in modo molto simile a un oggetto con la differenza che la chiave nelle mappe può essere di vari tipi di dati. Map memorizza i dati in un ordine conservato, rendendoli simili a un array con la differenza che è coppie di valore chiave anziché valori indicizzati.

Le mappe sono state rilasciate nella versione ES6 di JavaScript che è anche conosciuta come ES2015 JS. Le mappe sono utilizzate principalmente perché forniscono flessibilità al programmatore.

Sintassi di mappe

Per inizializzare una nuova mappa, utilizzerai la seguente sintassi:

var map = new map ();

Come puoi vedere, creiamo una nuova mappa chiamando la sua funzione di costruttore usando la parola chiave "nuovo".

Come lavorare con le mappe?

Creiamo una nuova variabile di mappa utilizzando la riga seguente:

var dataset = new map ();

Hai creato un nuovo set di dati in cui è possibile archiviare vari tipi di informazioni, per inserire valori all'interno di una mappa che utilizza il Set metodo. La sintassi del metodo impostata della mappa è come:

carta geografica.set (tasto, "valore");

Ora conosci la sintassi, quindi proviamo a inserire alcuni valori all'interno della mappa con le seguenti righe di codice:

set di dati.set (1, "inglese");
set di dati.set (2, "spagnolo");
set di dati.set (3, "francese");

Come puoi vedere, hai aggiunto tre coppie di valore chiave all'interno della mappa, puoi verificarlo stampando la mappa usando il console.tronco d'albero() funzione come:

console.registro (set di dati);

L'intero snippet del codice è come

var dataset = new map ();
set di dati.set (1, "inglese");
set di dati.set (2, "spagnolo");
set di dati.set (3, "francese");
console.registro (set di dati);

Dopo aver eseguito questo codice, vedrai il seguente output sulla tua console:

Si noti che c'è una cosa interessante all'interno dell'uscita che differenzia a carta geografica da un oggetto, Negli oggetti, le coppie di valore chiave sono separate da a colon ":" Mentre nel caso delle mappe, le coppie di valore chiave sono separate da un freccia "=>".

Iterare attraverso una mappa

Hai più modi di ripetere la mappa, uno dei modi tradizionali è usare la mappa.

Recuperare le chiavi della mappa

È possibile iterare attraverso le chiavi della mappa utilizzando le seguenti righe di codice:

per (chiavi del set di dati.keys ())
console.log ('keys sono: $ tasti');

L'output è come

Recuperare i valori della mappa

Per iterare attraverso i valori della mappa, è possibile utilizzare le seguenti righe di codice:

per (valori del set di dati.valori())
console.log ('valori sono: $ valori');

L'output è come

Recuperare chiavi e valori come coppia

Se vuoi ottenere sia le chiavi che i valori come coppia, beh, puoi farlo usando le seguenti righe di codice:

per ([tasti, valori] del set di dati)
console.log ('key is: $ tasti e il valore è: $ valori');

Ottenere un valore specifico da una chiave specifica

Puoi anche ottenere un valore specifico da una mappa usando il Ottieni metodo, Prova la seguente riga di codice:

console.Registro (set di dati.get (1));

Otterrai il seguente output:

Come puoi vedere, sei stato in grado di ottenere il valore di una chiave specifica usando il Ottenere metodo.

Vari tipi di chiavi

Come accennato in precedenza, che una mappa può avere vari tipi di chiavi che è la caratteristica principale che differenzia una mappa da un oggetto semplice. Prendiamo la stessa mappa che abbiamo usato in tutti gli esempi sopra, ma aggiungiamo alcune coppie di valore chiave, con diversi tipi di chiavi:

String come chiave
È possibile avere chiavi dei tipi di dati stringa come mostrare nella riga seguente:

set di dati.set ("coms", "abbastanza buono");

Booleano come chiave
Puoi avere una chiave di tipi di dati booleani come la seguente riga di codice:

set di dati.set (true, 1);
set di dati.set (false, 0);

Oggetti come chiave
Puoi persino passare gli oggetti come chiavi, provare le seguenti righe di codice:

var persona1 = nome: "John Doe", età: 25, altezza: "6 ft 2";
set di dati.set (persona1, "membro");

Per verificare tutto il codice sopra, puoi semplicemente chiamare un console.tronco d'albero() funzione per stampare la mappa sulla console come:

console.registro (set di dati);

Il frammento di codice completo è come

var dataset = new map ();
set di dati.set (1, "inglese");
set di dati.set ("coms", "abbastanza buono");
set di dati.set (true, 1);
set di dati.set (false, 0);
var persona1 = nome: "John Doe", età: 25, altezza: "6 ft 2";
set di dati.set (persona1, "membro");
console.registro (set di dati);

Dopo aver eseguito il codice sopra, si ottiene il seguente output:

Come puoi vedere, ogni chiave è stata aggiunta nel set di dati insieme al suo valore, ed è così che funzionano le mappe in JavaScript.

Conclusione

Le mappe sono una raccolta di coppie di valore chiave che sono memorizzate in un ordine conservato rendendo la mappa imitare il comportamento sia dell'oggetto che di un array. Le mappe possono avere qualsiasi tipo di dati e qualsiasi tipo di valore di dati mantenendo l'ordine delle coppie di valore chiave proprio come nelle array. È possibile aggiungere coppie di valore chiave all'interno della mappa usando impostato() metodo della mappa, è possibile ottenere un valore specifico utilizzando il Ottenere() metodo e per iterare attraverso l'intera mappa puoi usare il per loop. Le mappe sono utilizzate perché forniscono maggiore flessibilità e libertà al programmatore.