JavaScript Map
- Previous page JS Set methods
- Next page JS Map methods
Map er en samling af nøgle-værdipar, hvor nøglen kan være hvilken som helst datatyp.
Map husker den oprindelige indsatte rækkefølge af nøgler.
Hvordan man opretter Map
Man kan oprette en JavaScript Map på følgende måde:
- Send et array til
new Map()
. - Opret en Map og brug
Map.set()
.
new Map() metode
Man kan oprette en Map ved at sende et array til new Map()
Konstruktøren bruges til at oprette Map:
Instans
// Opret en Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ]
set() metode
Man kan bruge set()
Metode til at tilføje elementer til Map:
Instans
// Opret en Map const fruits = new Map(); // Sæt Map-værdi fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Metoden kan også bruges til at ændre eksisterende Map-værdier:
Instans
fruits.set("apples", 200);
get() metode
get()
Metode til at få værdien af en nøgle i Map:
Instans
fruits.get("apples"); // Returnerer 500
Map er et objekt
typeof
Returnerer object:
Instans
// Returnerer object: typeof fruits;
instanceof Map
Returnerer true:
Instans
// Returnerer true: fruits instanceof Map;
Forskellen mellem JavaScript-objekter og Map
Her er forskellen mellem JavaScript-objekter og Map:
object | Map |
---|---|
Cannot be directly iterated | Can be directly iterated |
No size property | Has size property |
Keys must be strings or Symbol | Keys can be any data type |
The order of keys is not clear | Keys are sorted by insertion order |
Default keys | No default keys |
Complete Map reference manual
For a complete reference, please visit our:JavaScript Map reference manual.
This manual includes descriptions and examples of all Map properties and methods.
Browser support
Map is ES6 features(JavaScript 2015).
Since June 2017, all modern browsers support ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
May 2016 | April 2017 | June 2017 | September 2016 | June 2016 |
Internet Explorer does not support Map.
- Previous page JS Set methods
- Next page JS Map methods