Map JavaScript
- Pagina precedente Metodi Set JS
- Pagina successiva Metodi Map JS
Map è una raccolta di coppie chiave-valore, dove la chiave può essere di qualsiasi tipo di dati.
Map ricorda l'ordine originale di inserimento delle chiavi.
Come creare Map
Puoi creare una JavaScript Map in modo seguente:
- Passa un array a
new Map()
. - Crea una Map e usa
Map.set()
.
metodo new Map()
Puoi passare un array a new Map()
Costruttore per creare Map:
Esempio
// Crea una Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ]
metodo set()
Puoi usare set()
Metodo per aggiungere elementi a Map:
Esempio
// Crea una Map const fruits = new Map(); // Imposta valore Map fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Il metodo può anche essere utilizzato per modificare il valore esistente in Map:
Esempio
fruits.set("apples", 200);
Metodo get()
get()
Metodo per ottenere il valore di una chiave in Map:
Esempio
fruits.get("apples"); // Restituisce 500
Map è un oggetto
typeof
Restituisce object:
Esempio
// Restituisce object: typeof fruits;
instanceof Map
Restituisce true:
Esempio
// Restituisce true: fruits instanceof Map;
La differenza tra oggetti JavaScript e Map:
Ecco la differenza tra oggetti JavaScript e Map:
Oggetto | Map |
---|---|
Non può essere iterato direttamente | Può essere iterato direttamente |
Non ha l'attributo size | Ha l'attributo size |
Le chiavi devono essere stringhe o Symbol | Le chiavi possono essere di qualsiasi tipo di dati |
L'ordine delle chiavi non è chiaro | Le chiavi sono ordinate per ordine di inserimento |
C'è una chiave predefinita | Nessuna chiave predefinita |
Manuale completo di Map
Per una consultazione completa, visitare il nostro:Manuale JavaScript Map.
Questo manuale contiene descrizioni e esempi di tutte le proprietà e metodi di Map.
Supporto browser
Map è Caratteristiche ES6(JavaScript 2015).
A partire da giugno 2017, tutti i browser moderni supportano ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Maggio 2016 | Aprile 2017 | Giugno 2017 | Settembre 2016 | Giugno 2016 |
Internet Explorer non supporta Map.
- Pagina precedente Metodi Set JS
- Pagina successiva Metodi Map JS