Cos'è un oggetto mappa in JavaScript?

JavaScript è un linguaggio di programmazione che fornisce applicazioni Web e pagine Web la possibilità di pensare e agire rendendole dinamiche e interattive. Quando stai programmando, spesso ti confonderebbe con quale struttura dei dati utilizzare per archiviare i dati che possono essere facilmente gestiti e compresi. Per contenere raccolte di dati, array e oggetti sono comunemente usate strutture di dati. Le coppie di valore chiave sono archiviate in oggetti, mentre gli elenchi indicizzati sono archiviati in array. Poi è arrivato l'ECMAScript 2015 che ha introdotto un altro oggetto iterabile noto come mappe per fornire agli sviluppatori una maggiore flessibilità. Quindi, in questo post, discuteremo di cosa sia un oggetto mappa in JavaScript e discuteremo di alcuni esempi pratici insieme a screenshot dell'output.

Cos'è un oggetto mappa?

Mappa oggetto come un oggetto normale è una raccolta di elementi che memorizza coppie di valore chiave; Tuttavia, la differenza principale è che le chiavi possono essere di qualsiasi tipo. Va anche notato che l'oggetto della mappa ricorda l'ordine della coppia di valore chiave che è stato inserito nell'oggetto della mappa.

Sintassi:

var map = new map ([it]);

Dove Esso è opzionale e un oggetto iterabile i cui elementi sono archiviati come coppie di valore chiave.

L'oggetto MAP ha alcune proprietà e metodi che sono definiti di seguito:

• Per la creazione di una nuova mappa -> new map ()
• Per memorizzare un valore utilizzando una chiave -> mappa.Imposta (chiave, valore)
• Per ottenere il valore della chiave -> mappa.Ottieni (chiave)
• Se la chiave non esiste, allora mappa.Ottieni (chiave) restituirà indefinito
• Per rimuovere tutto dalla mappa -> mappa.chiaro()
• Per ottenere le dimensioni della mappa -> mappa.misurare
• Per eliminare un valore utilizzando la chiave -> mappa.Elimina (chiave)

Mappa Esempio di oggetti1

Nel codice indicato di seguito, in primo luogo, abbiamo avviato l'oggetto mappa e quindi impostato i valori. La prima chiave che abbiamo impostato è una chiave di stringa, la seconda è una chiave numerica e la terza è una chiave booleana. Quindi console registrare il risultato di ottenere i valori delle chiavi fornite. Controlliamo anche la dimensione dell'oggetto mappa che restituisce 3.

// creazione della mappa
var map = new map ();
// Impostazione dei valori del tasto coppie su mappa
carta geografica.set ('1', 'string'); // Una chiave di stringa
carta geografica.set (1, 'numero'); // una chiave numerica
carta geografica.set (true, "booleano"); // una chiave booleana
// Ottieni informazioni dalla mappa
console.registro (mappa.get (1)); // numero
console.registro (mappa.get ('1')); // corda
console.registro (mappa.misurare); // 3

Mappa Esempio di oggetti2

Possiamo anche impostare le chiavi dell'oggetto mappa come oggetti. Dimostriamo questo con l'aiuto del codice di seguito:

var Student1 = name: "jhon";
// Per ogni studente, archiviamo i loro voti
var marks = new map ();
// Student1 è la chiave per la mappa e Student 1 è un oggetto
segni.set (Student1, 93);
console.registro (segni.get (Student1)); // 93

Nell'esempio sopra, abbiamo inizialmente avviato un oggetto con il nome di Studente1 e poi ha creato un oggetto mappa. Successivamente, abbiamo fissato i segni di Student1 e poi registriamo la console i segni di Student1. Va notato che lo stesso Student1 è un oggetto ma funge da chiave qui. Otteniamo l'output 93 come mostrato di seguito:

Iteteratura delle chiavi della mappa

Vediamo ora come iterare le chiavi della mappa per quale scopo useremo un loop e mappa.Metodo dei tasti (). La mappa.Il metodo dei tasti () restituirà tutte le chiavi dell'oggetto mappa nell'ordine in cui sono stati inseriti nell'oggetto mappa.

Iniziamo un oggetto mappa e diamo nomi come chiavi e valori come posizione di lavoro. Quindi abbiamo implementato un loop per consolare registrare tutte le chiavi/nomi nell'oggetto mappa.

// Creazione dell'oggetto mappa
VAR Employees = Nuova mappa ([
["John", 'Admin'],
["Sarah", "editore"],
["Sam", 'Writer']
]);
// per loop
per (nome var dei dipendenti.keys ())
console.log (nome);

L'output del codice sopra è:

Per iterare i valori della mappa, cambieremo semplicemente dipendenti.tasti () A dipendenti.valori():

// Creazione dell'oggetto mappa
VAR Employees = Nuova mappa ([
["John", 'Admin'],
["Sarah", "editore"],
["Sam", 'Writer']
]);
// per loop
per (posizione var dei dipendenti.valori())
console.log (posizione);

Eliminazione dell'elemento usando la chiave

In questo esempio elimineremo una voce nell'oggetto mappa usando il eliminare() metodo:

// Creazione dell'oggetto mappa
VAR Employees = Nuova mappa ([
["John", 'Admin'],
["Sarah", "editore"],
["Sam", 'Writer']
]);
// eliminando John dai dipendenti
dipendenti.elimina ("John");
// per loop
per (nome var dei dipendenti.keys ())
console.log (nome);

Possiamo vederlo John è stato eliminato e mancante dall'output:

Conclusione

L'oggetto MAP è stato introdotto in ES6 e prima dell'oggetto MAP, sono stati utilizzati oggetti ordinari. Tuttavia, un oggetto ha alcune carenze come un oggetto ha sempre un prototipo chiave predefinito e non è possibile utilizzare un oggetto come chiave. Per risolvere questo problema, è stata introdotta la mappa che è una raccolta di elementi memorizzati in coppie di valore chiave proprio come gli oggetti ma qui le chiavi possono essere di qualsiasi tipo. In questo post, abbiamo visto un oggetto Map in JavaScript e discusso di due esempi. Oltre a ciò, abbiamo anche implementato e esaminato diversi metodi e proprietà degli oggetti MAP di JavaScript.