Mapy JavaScript
Mapa przechowuje pary klucz-wartość, w których klucze mogą być dowolnym typem danych.
Mapa zapamiętuje pierwotną kolejność wstawiania kluczy.
Podstawowe metody map
| metoda | Opis |
|---|---|
| nowa mapa() | Tworzy nową mapę |
| ustawić() | Ustawia wartość klucza w Mapie |
| dostwać() | Pobiera wartość klucza w mapie |
| kasować() | Usuwa element mapy określony przez klawisz |
| ma() | Zwraca true, jeśli klucz istnieje w mapie |
| dla każdego() | Wywołuje funkcję dla każdej pary klucz/wartość w mapie |
| wpisy () | Zwraca iterator z parami [klucz, wartość] w Mapie |
| Nieruchomość | Opis |
| rozmiar | Zwraca liczbę elementów w Mapie |
Jak stworzyć mapę
Mapę JavaScript można utworzyć poprzez:
- Przekazywanie tablicy do
new Map() - Utwórz mapę i użyj
Map.set()
Nowa metoda Map()
Mapę można utworzyć, przekazując tablicę do new Map()konstruktora:
Przykład
// Create a Map
const fruits = new Map([
["apples", 500],
["bananas", 300],
["oranges", 200]
]);
Metoda set()
Możesz dodawać elementy do mapy za pomocą set()metody:
Przykład
// Create a Map
const fruits = new Map();
// Set Map Values
fruits.set("apples", 500);
fruits.set("bananas", 300);
fruits.set("oranges", 200);
Metodę set()można również wykorzystać do zmiany istniejących wartości Map:
Przykład
fruits.set("apples", 200);
Metoda get()
Metoda get()pobiera wartość klucza w Mapie:
Przykład
fruits.get("apples"); // Returns 500
Rozmiar nieruchomości
Właściwość sizezwraca liczbę elementów w Mapie:
Przykład
fruits.size;
Metoda delete()
Metoda delete()usuwa element Map:
Przykład
fruits.delete("apples");
Metoda has()
Metoda has()zwraca prawdę, jeśli klucz istnieje w Mapie:
Przykład
fruits.has("apples");
Spróbuj tego:
fruits.delete("apples");
fruits.has("apples");
Obiekty JavaScript a mapy
Różnice między obiektami JavaScript a mapami:
| Obiekt | Mapa | |
|---|---|---|
| Iterowalny | Nie można bezpośrednio iterować | Bezpośrednio iterowalny |
| Rozmiar | Nie masz właściwości rozmiaru | Mieć właściwość rozmiaru |
| Kluczowe typy | Klucze muszą być ciągami (lub symbolami) | Klucze mogą być dowolnym typem danych |
| Kolejność kluczy | Klucze nie są dobrze uporządkowane | Klucze są uporządkowane przez wstawienie |
| Domyślne | Mają domyślne klawisze | Nie mam domyślnych klawiszy |
Metoda forEach()
Metoda forEach()wywołuje funkcję dla każdej pary klucz/wartość w Mapie:
Przykład
// List all entries
let text = "";
fruits.forEach (function(value, key) {
text += key + ' = ' + value;
})
Wpisy () Metoda
Metoda entries()zwraca obiekt iteratora z [kluczem, wartościami] w Mapie:
Przykład
// List all entries
let text = "";
for (const x of fruits.entries()) {
text += x;
}
Obsługa przeglądarki
Mapy JavaScript są obsługiwane we wszystkich przeglądarkach oprócz Internet Explorera:
| Chrome | Edge | Firefox | Safari | Opera |