Map JavaScript

Mapa jest zbiorowiskiem klucz-wartość, gdzie klucz może być dowolnym typem danych.

Mapa zapamiętuje oryginalną kolejność wprowadzenia kluczy.

Jak utworzyć Mapę

Jak utworzyć Mapę w JavaScript

  1. Przekazując tablicę do new Map().
  2. Utwórz Mapę i użyj Map.set().

metody new Map()

Można przekazać tablicę do new Map() Konstruktor do tworzenia Mapy:

Instancja

// Utworzenie Mapy
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]

Spróbuj sam

metody set()

Można użyć set() Metoda dodawania elementów do Mapy:

Instancja

// Utworzenie Mapy
const fruits = new Map();
// Ustawienie wartości Mapy
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);

Spróbuj sam

set() Metoda ta może również być używana do zmiany istniejących wartości w Mapie:

Instancja

fruits.set("apples", 200);

Spróbuj sam

Metoda get()

get() Metoda uzyskiwania wartości klucza w Mapie:

Instancja

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

Spróbuj sam

Mapa jest obiektem

typeof Zwraca object:

Instancja

// Zwraca object:
typeof fruits;

Spróbuj sam

instanceof Map Zwraca true:

Instancja

// Zwraca true:
fruits instanceof Map;

Spróbuj sam

Różnica między obiektem JavaScript a Mapą

Poniżej znajduje się różnica między obiektem JavaScript a Mapą:

object Map
Cannot be directly iterated Can be directly iterated
No size property Has size property
Keys must be strings or Symbols Keys can be any data type
The order of keys is not clear Keys are sorted in the order of insertion
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.