JavaScript Map
- Föregående sida JS Set-metoder
- Nästa sida JS Map-metoder
Kursrekommendationer:
Map är en samling av nyckel-värdepar, där nyckeln kan vara vilket datatyp som helst.
Map kommer ihåg nycklarnas ursprungliga införselordning.
Hur man skapar Map
- Man kan skapa en JavaScript Map genom att
new Map()
. - Skapa en Map och använd
Map.set()
.
new Map() metod
Man kan skapa en Map genom att överföra en array till new Map()
Konstruktorn för att skapa Map:
Instans
// Skapa en Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ]
set() metod
Man kan använda set()
Metod för att lägga till element i Map:
Instans
// Skapa en Map const fruits = new Map(); // Sätt Map-värde fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
set()
Metoden kan också användas för att ändra befintliga Map-värden:
Instans
fruits.set("apples", 200);
get() metod
get()
Metod för att hämta värdet för en nyckel i Map:
Instans
fruits.get("apples"); // Returnerar 500
Map är ett objekt
typeof
Returnerar object:
Instans
// Returnerar object: typeof fruits;
instanceof Map
Returnerar true:
Instans
// Returnerar true: fruits instanceof Map;
Skillnaden mellan JavaScript-objekt och Map:
Följande är skillnaden mellan JavaScript-objekt och Map:
objekt | Map |
---|---|
Kan inte direkt itereras | Kan direkt itereras |
Ingen size-egenskap | Har size-egenskap |
Nycklar måste vara strängar eller Symbol | Nycklar kan vara vilket datatyp som helst |
Nyckelordningen är oklar | Nycklar är sorterade efter införandeföljd |
Standardnycklar | Inga standardnycklar |
Komplett Map-referenshandbok
För en fullständig referens, besök vår:JavaScript Map-referenshandbok.
Denna handbok innehåller beskrivningar och exempel på alla Map-attribut och metoder.
Webbläsarstöd
Map är ES6-funktioner(JavaScript 2015).
Från och med juni 2017 stöder alla moderna webbläsare ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Maj 2016 | April 2017 | Juni 2017 | September 2016 | Juni 2016 |
Internet Explorer stöder inte Map.
- Föregående sida JS Set-metoder
- Nästa sida JS Map-metoder