Mappa oggetto in JavaScript | Spiegato
In JavaScript, vengono utilizzate diverse strutture di dati come array e oggetti. In JavaScript, le coppie di valore chiave possono essere archiviate negli oggetti. Ecmascript 2015 offre un nuovo oggetto iterabile chiamato mappe che fornisce maggiore flessibilità mediante memorizzazione degli elementi come coppie di valore chiave.
Questo post presenterà una panoramica dettagliata dell'oggetto MAP e sarà organizzato come segue:
- Cos'è un oggetto mappa?
- Come creare un oggetto mappa?
- Mappa i metodi degli oggetti in JavaScript.
- Come eliminare gli elementi della mappa?
- Come ottenere il valore della chiave in una mappa?
- Come ottenere il numero di elementi della mappa?
- Come recuperare le chiavi da un oggetto mappa?
Cos'è un oggetto mappa?
I punti elencati di seguito ti aiuteranno a comprendere il concetto di mappa dell'oggetto:
- È una raccolta di articoli/elementi.
- Può contenere/memorizzare le coppie di valore chiave.
- Mantiene l'ordine di inserimento della coppia di valore chiave.
- Le chiavi in un oggetto Map possono essere di qualsiasi tipo di dati come numeri, stringhe, oggetti, ecc.
Come creare un oggetto mappa?
Un oggetto mappa può essere creato utilizzando un nuovo costruttore mappa () o il metodo set (). Comprenderemo il funzionamento di ogni metodo uno per uno.
Come creare un oggetto mappa usando il nuovo costruttore mappa ()?
In JavaScript, possiamo creare un oggetto mappa utilizzando un nuovo costruttore Map (). Per fare ciò, dobbiamo passare una serie di elementi al metodo nuovo mappa ():
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.registro (stddetails); |
Ora, eseguiamo il codice sopra per vedere quale sarà l'output risultante:
Ecco come funziona il nuovo metodo Map () in JavaScript.
Come creare un oggetto mappa utilizzando il metodo set ()?
Un altro modo di creare un oggetto mappa è set () che ci consente di aggiungere elementi a una mappa.
| 1 2 3 4 5 6 7 | var stddetails = new map () stddetails.Set (1, "Alex"), stddetails.Set (2, "Dean"), stddetails.Set (3, "Joanes"), stddetails.Set (4, "John"), stddetails.Set (5, "Joe"), console.registro (stddetails); |
Il pezzo di codice indicato sopra produrrà il risultato indicato di seguito:
L'output ha chiarito che l'oggetto mappa con cinque elementi era stato creato correttamente.
Mappa i metodi degli oggetti in JavaScript
La tabella seguente illustrerà i metodi della mappa e il loro lavoro in JavaScript:
| Metodo | Descrizione |
|---|---|
| Nuova mappa () | Viene utilizzato per creare un nuovo oggetto mappa. |
| impostato() | Il metodo set () imposta il valore della chiave in una mappa. |
| Ottenere() | Questo metodo viene utilizzato per ottenere un valore collegato con una chiave specifica nella mappa. |
| eliminare() | Elimina un elemento della mappa associato a qualche chiave specifica. |
| chiaro() | Elimina/cancella tutti gli elementi della mappa. |
| per ciascuno() | Invoca un callback per ogni singola coppia di tasti/valore presente nella mappa |
| ha() | Viene utilizzato per verificare se esiste una chiave specifica nella mappa. |
| tasti () | Questo metodo viene utilizzato per ottenere i tasti della mappa. |
| inserimenti() | Restituisce un oggetto iteratore che consiste in una coppia [chiave, valore] presente in una mappa. |
| valori() | Questo metodo restituisce un oggetto iteratore contenente tutti i valori della mappa. |
Una volta creato l'oggetto MAP, è possibile utilizzare uno qualsiasi dei metodi sopra menzionati per ottenere varie funzionalità.
Come eliminare gli elementi della mappa?
In JavaScript, il metodo ELETE può essere utilizzato per rimuovere l'elemento mappa come mostrato nel seguente frammento di codice:
| 1 2 3 4 5 6 7 8 9 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); stddetails.eliminare (3); console.registro (stddetails); |
In questo esempio, abbiamo superato 3 al metodo ELETE (), che rimuoverà l'elemento mappa che ha ID 3:
Ecco come possiamo eliminare un elemento di mappa specifico, tuttavia, in JavaScript, il metodo Clear () può essere utilizzato per eliminare tutti gli elementi della mappa:
| 1 2 3 4 5 6 7 8 9 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); stddetails.chiaro(); console.registro (stddetails); |
Ecco l'output per il metodo Clear ():
Come ottenere il valore di una chiave in una mappa?
In JavaScript, il metodo Get () può essere utilizzato per ottenere un valore associato a una chiave nella mappa come mostrato nello snippet di codice di seguito:
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.registro (stddetails.get (5)); |
Il metodo get () produrrà il seguente output:
Come ottenere la dimensione/numero di elementi della mappa?
In JavaScript, l'oggetto MAP ha una proprietà denominata che può essere utilizzata per ottenere il numero di elementi in una mappa.
| 1 2 3 4 5 6 7 8 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); console.registro (stddetails.misurare); |
La proprietà delle dimensioni genererà il seguente output:
Ecco come puoi ottenere le dimensioni di una mappa.
Come recuperare le chiavi da un oggetto mappa?
In JavaScript, il metodo Key () può essere utilizzato per ottenere le chiavi di un oggetto MAP:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var stddetails = new map ([ [1, "Alex"], [2, "Ambrose"], [3, "John"], [4, "Clarke"], [5, "Jones"] ]); var string = ""; per (elementi var di stddetails.keys ()) stringa + = elementi + "\ n"; console.log (stringa); |
Ora, eseguiamo il codice sopra per vedere quale sarà l'output risultante:
Questo è il modo in cui possiamo utilizzare qualsiasi metodo oggetto Map () per ottenere diverse funzionalità.
Conclusione
Mappa l'oggetto in JavaScript è una raccolta di elementi che possono contenere/archiviare le coppie di valore chiave. Le chiavi in un oggetto Map possono essere di qualsiasi tipo di dati come numeri, stringhe, oggetti, ecc. L'oggetto mappa mantiene l'ordine della coppia di valore chiave. L'oggetto MAP offre numerosi metodi che vengono utilizzati per vari scopi. Questo post ha spiegato cosa sia esattamente l'oggetto mappa e come utilizzare i metodi dell'oggetto mappa per ottenere diverse funzionalità.