Map JavaScript
- Previous page JS Set methods
- Next page JS Map methods
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
- Przekazując tablicę do
new Map()
. - 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]
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);
set()
Metoda ta może również być używana do zmiany istniejących wartości w Mapie:
Instancja
fruits.set("apples", 200);
Metoda get()
get()
Metoda uzyskiwania wartości klucza w Mapie:
Instancja
fruits.get("apples"); // Zwraca 500
Mapa jest obiektem
typeof
Zwraca object:
Instancja
// Zwraca object: typeof fruits;
instanceof Map
Zwraca true:
Instancja
// Zwraca true: fruits instanceof Map;
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.
- Previous page JS Set methods
- Next page JS Map methods