Obiekt mapy w JavaScript | Wyjaśnione
W JavaScript różne struktury danych, takie jak tablice i obiekty, są używane do przechowywania kolekcji danych. W JavaScript pary kluczowe mogą być przechowywane w obiektach. EcMascript 2015 oferuje nowy iterabalny obiekt o nazwie mapy, który zapewnia większą elastyczność dzięki przechowywaniu elementów jako par kluczowych.
Ten post przedstawi szczegółowy przegląd obiektu mapy i zostanie zorganizowany w następujący sposób:
- Co to jest obiekt mapy?
- Jak utworzyć obiekt mapy?
- Metody obiektów map w JavaScript.
- Jak usunąć elementy mapy?
- Jak uzyskać wartość klucza na mapie?
- Jak uzyskać liczbę elementów mapy?
- Jak pobrać klucze z obiektu mapy?
Co to jest obiekt mapy?
Poniższe wymienione punkty pomogą zrozumieć koncepcję obiektu mapy:
- Jest to zbiór przedmiotów/elementów.
- Może przechowywać/przechowywać pary wartości kluczowej.
- Utrzymuje kolejność wstawiania pary wartości kluczowej.
- Klawisze w obiekcie mapy mogą być dowolnym typem danych, takie jak liczby, ciągi, obiekty itp.
Jak utworzyć obiekt mapy?
Obiekt mapy można utworzyć za pomocą nowego konstruktora MAP () lub metody set (). Zrozumiemy działanie każdej metody jeden po drugim.
Jak utworzyć obiekt mapy za pomocą nowego konstruktora map ()?
W JavaScript możemy utworzyć obiekt mapy za pomocą nowego konstruktora Map (). Aby to zrobić, musimy przekazać szereg elementów do nowej metody Map ():
| 1 2 3 4 5 6 7 8 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); konsola.log (stddetails); |
Teraz wykonajmy powyższy kod, aby zobaczyć, jakie będzie wynikowe dane wyjściowe:
Tak działa nowa metoda map () w JavaScript.
Jak utworzyć obiekt mapy za pomocą metody set ()?
Innym sposobem utworzenia obiektu mapy jest metoda set (), która pozwala nam dodać elementy do mapy.
| 1 2 3 4 5 6 7 | var stddetails = new map () stddetails.Zestaw (1, „Alex”), stddetails.Zestaw (2, „Dean”), stddetails.Zestaw (3, „Joanes”), stddetails.Zestaw (4, „John”), stddetails.Zestaw (5, „Joe”), konsola.log (stddetails); |
Powyższy element kodu wytworzy poniższy wynik:
Wyjście wyjaśniło, że obiekt mapy z pięcioma elementami został pomyślnie utworzony.
Metody obiektów map w JavaScript
Poniższa tabela ilustruje metody mapy i ich działanie w JavaScript:
| metoda | Opis |
|---|---|
| Nowa mapa () | Służy do utworzenia nowego obiektu mapy. |
| ustawić() | Metoda set () ustawia wartość klucza na mapie. |
| Dostawać() | Ta metoda służy do uzyskania wartości połączonej z określonym kluczem na mapie. |
| usuwać() | Usuwa element mapy powiązany z określonym kluczem. |
| jasne() | Usuwa/usuwa wszystkie elementy mapy. |
| dla każdego() | Wywołuje wywołanie zwrotne dla każdej pary klucza/wartości obecnej na mapie |
| ma() | Służy do sprawdzenia, czy na mapie istnieje określony klucz. |
| Klucze() | Ta metoda służy do uzyskania klawiszy mapy. |
| wpisy () | Zwraca obiekt iterator, który składa się z pary [klucz, wartość] obecna na mapie. |
| wartości () | Ta metoda zwraca obiekt iterator zawierający wszystkie wartości mapy. |
Po utworzeniu obiektu mapy możesz użyć dowolnej z wyżej wymienionych metod do osiągnięcia różnych funkcji.
Jak usunąć elementy mapy?
W JavaScript metodę usuwania można użyć do usunięcia elementu mapy, jak pokazano w następującym fragmencie kodu:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); stddetails.Usuń (3); konsola.log (stddetails); |
W tym przykładzie przekazaliśmy 3 do metody delete (), która usunie element mapy, który ma identyfikator 3:
W ten sposób możemy usunąć określony element mapy, jednak w JavaScript metodę Clear () można zastosować do usunięcia wszystkich elementów mapy:
| 1 2 3 4 5 6 7 8 9 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); stddetails.jasne(); konsola.log (stddetails); |
Oto dane wyjściowe dla metody Clear ():
Jak uzyskać wartość klucza na mapie?
W JavaScript metodę get () można zastosować do uzyskania wartości powiązanej z kluczem na mapie, jak pokazano na fragmencie kodu poniżej:
| 1 2 3 4 5 6 7 8 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); konsola.Log (stddetails.zdobądź (5)); |
Metoda get () wytworzy następujące dane wyjściowe:
Jak uzyskać rozmiar/liczbę elementów mapy?
W JavaScript obiekt mapy ma właściwość o nazwie rozmiar, której można użyć do uzyskania liczby elementów na mapie.
| 1 2 3 4 5 6 7 8 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); konsola.Log (stddetails.rozmiar); |
Właściwość rozmiaru wygeneruje następujące dane wyjściowe:
W ten sposób możesz uzyskać rozmiar mapy.
Jak pobrać klucze z obiektu mapy?
W JavaScript można zastosować metodę key () do uzyskania kluczy obiektu mapy:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var stddetails = nowa mapa ([[ [1, „Alex”], [2, „Ambrose”], [3, „John”], [4, „Clarke”], [5, „Jones”] ]); var string = ""; dla (var elementy stddetails.Klucze()) String + = Items + "\ n"; konsola.log (ciąg); |
Teraz wykonajmy powyższy kod, aby zobaczyć, jakie będzie wynikowe dane wyjściowe:
W ten sposób możemy wykorzystać dowolną metodę obiektu Map () do osiągnięcia różnych funkcji.
Wniosek
Obiekt map w JavaScript to zbiór elementów, które mogą przechowywać/przechowywać pary wartości kluczowej. Klawisze w obiekcie mapy mogą być dowolnym typem danych, takie jak liczby, ciągi, obiekty itp. Obiekt mapy utrzymuje kolejność pary wartości kluczowej. Obiekt mapy oferuje wiele metod używanych do różnych celów. W tym poście wyjaśniono, czym dokładnie jest obiekt mapy i jak używać metod obiektu Map, aby osiągnąć różne funkcje.