JavaScript Map

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

  1. Man kan skapa en JavaScript Map genom att new Map().
  2. 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],
  
]

Prova själv

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);

Prova själv

set() Metoden kan också användas för att ändra befintliga Map-värden:

Instans

fruits.set("apples", 200);

Prova själv

get() metod

get() Metod för att hämta värdet för en nyckel i Map:

Instans

fruits.get("apples");    // Returnerar 500

Prova själv

Map är ett objekt

typeof Returnerar object:

Instans

// Returnerar object:
typeof fruits;

Prova själv

instanceof Map Returnerar true:

Instans

// Returnerar true:
fruits instanceof Map;

Prova själv

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.