Jak działają metody obiektu mapy w JavaScript | Wyjaśniono przykładami
Istnieje wiele metod obiektów mapy dostępnych w JavaScript, które są używane do zadań, takich jak tworzenie nowej mapy, ustawienie lub wyświetlanie wartości na mapie itp. Tutaj, w tym artykule, wyjaśniliśmy dla Ciebie wszystkie metody obiektów mapy JavaScript.
Nowa mapa ()
Nowa metoda map (), jak sugeruje nazwa, jest używana do tworzenia nowego obiektu mapy.
Składnia
map = nowa mapa ([„klucz”, wartość]);Przykład
W tym przykładzie wykazaliśmy działanie nowej mapy ().
const map1 = new map ();MAP1.set („a”, 100);
MAP1.set („b”, 200);
MAP1.zestaw („c”, 300);
konsola.Log (MAP1.Weź"));
Jak wskazano w kodzie, tworzymy nową mapę według nazwy „MAP1". Ponadto przypisujemy pewne pary wartości kluczowej do nowo utworzonej mapy za pomocą metody set () i na koniec wyświetlamy wartość przechowywaną w kluczu „a” za pomocą metody get ().
Wyjście
Nowa mapa została pomyślnie stworzona.
ustawić()
W celu dodania lub zmiany wartości do istniejącej mapy stosuje się metodę obiektu mapy set ().
Składnia
mapa.set („klucz”, wartość);Przykład
Załóżmy, że chcesz zmienić określoną wartość na istniejącej mapie. Użyj następującego kodu.
const map1 = nowa mapa ([[[„kawa”, 100],
[„Sugar”, 200],
[„Mleko”, 300]
]);
MAP1.zestaw („kawa”, 150);
konsola.Log (MAP1.get („kawa”));
W powyższym kodzie tworzona jest mapa, która zawiera pewne klucze i przechowywane wartości. Używamy metody set () do zmiany wartości pierwszego klucza na istniejącej mapie.
Wyjście
Wartość kluczowej „kawy” została zmieniona na „150”.
Dostawać()
Aby uzyskać/pobrać wartość klucza na mapie, stosuje się metodę get ().
Składnia
mapa.Weź klucz");Przykład
Wyświetlmy wartość określonego klucza na istniejącej mapie.
const map1 = nowa mapa ([[[„kawa”, 100],
[„Sugar”, 200],
[„Mleko”, 300]
]);
konsola.Log (MAP1.Get („Milk”));
Tutaj po raz pierwszy utworzyliśmy mapę i za pomocą metody get () wyświetlamy wartość kluczowego „mleka”.
Wyjście
Wartość kluczowego „mleka” została pomyślnie wyświetlona.
rozmiar
W celu znajomości elementów liczbowych obecnych na mapie, właściwość rozmiaru jest używana.
Składnia
mapa.rozmiar;Przykład
Załóżmy, że chcesz wyświetlić liczbę elementów obecnych na mapie. Postępuj zgodnie z dostarczonym kodem.
const map1 = nowa mapa ([[[„A”, 1],
[„B”, 2],
[„C”, 3]
]);
konsola.Log (MAP1.rozmiar);
W powyższym kodzie tworzymy mapę i wyświetlamy jej rozmiar za pomocą właściwości rozmiaru.
Wyjście
Elementy obecne na mapie to 3.
usuwać()
W celu usunięcia określonego elementu z mapy stosuje się metodę delete ().
Składnia
mapa.delete („klucz”);Przykład
Załóżmy, że chcesz usunąć określony element z mapy:
const map1 = nowa mapa ([[[„kawa”, 1],
[„cukier”, 2],
[„Mleko”, 3]
]);
MAP1.Usuń („cukier”);
konsola.Log (MAP1.rozmiar);
W powyższym kodzie JavaScript usuwamy element „cukier” z mapy i wyświetlamy pozostałą liczbę elementów za pomocą właściwości rozmiaru.
Wyjście
Po usunięciu elementu „cukru” pozostała liczba elementów to 2.
jasne()
Metoda clear () służy do usuwania wszystkich elementów z mapy.
Składnia
mapa.jasne();Przykład
Załóżmy, że chcesz wyczyścić wszystkie pary wartości kluczowej z mapy i wyświetlić rozmiar mapy po wyczyszczeniu wszystkich wartości. Użyj poniższego kodu.
const map1 = nowa mapa ([[[„A”, 1],
[„B”, 2],
[„C”, 3]
]);
MAP1.jasne();
konsola.Log (MAP1.rozmiar);
W powyższym kodzie najpierw utworzyliśmy określoną mapę, a następnie zastosowaliśmy metodę wyczyść () do usunięcia wszystkich jej elementów i wyświetlenia rozmiar mapy za pomocą właściwości rozmiaru.
Wyjście
Wszystkie elementy MAP1 zostały usunięte.
ma()
Metoda HAS () wyświetla true, jeśli określony klawisz jest obecny na mapie, a fałsz, jeśli nie.
Składnia
mapa.ma („klucz”);Przykład
Aby ocenić, że określony klucz jest obecny na mapie, czy nie, użyj następującego kodu.
const map1 = nowa mapa ([[[„Coffee”, 500],
[„cukier”, 300],
[„Milk”, 200]
]);
konsola.Log (MAP1.ma („banan”);
W powyższym kodzie utworzyliśmy mapę i biorąc pod uwagę pewne pary wartości kluczowej. Korzystając z metody HAS (), sprawdzimy, czy na mapie jest jakikolwiek klucz obecny.
Wyjście
Metoda HAS () wyświetlona false, ponieważ na mapie nie ma takiego klucza.
dla każdego()
W celu wykonania funkcji dla każdego z elementów obecnych na mapie stosuje się metodę foreach ().
Składnia
mapa.foreach ((funkcja (wartość, klucz));Przykład
Załóżmy, że chcesz wyświetlić wszystkie pary wartości kluczy obecnych na mapie i dla tego, że chcesz wykonać funkcję dla każdej z tych par za pomocą metody foreach ().
const map1 = nowa mapa ([[[„Coffee”, 150],
[„cukier”, 250],
[„Mleko”, 350]
]);
niech txt = "";
MAP1.foreach (funkcja (wartość, klucz)
txt + = klucz + '=' + wartość + ","
)
konsola.log (txt);
W powyższym kodzie wykonywamy funkcję dla każdej pary wartości kluczowej obecnej na mapie. Ta funkcja wyświetli każdą z tych par.
Wyjście
Każda z par kluczowych obecnych na mapie została wyświetlona.
Klucze()
W celu wyświetlania wszystkich kluczy na mapie stosuje się metodę Keys (.
Składnia
mapa.Klucze();Przykład
Ten przykład pokazuje działanie metody Keys ().
const map1 = nowa mapa ([[[„Coffee”, 150],
[„cukier”, 250],
[„Mleko”, 350]
]);
konsola.Log (MAP1.Klucze());
W tym kodzie używamy metody key (), aby uzyskać każdy klucz do mapy.
Wyjście
Każdy klucz na mapie został wyświetlony pomyślnie.
wartości ()
W celu wyświetlania wszystkich wartości na mapie stosuje się metodę wartości ().
Składnia
mapa.wartości ();Przykład
Ten przykład pokazuje działanie metody wartości ().
const map1 = nowa mapa ([[[„Coffee”, 150],
[„cukier”, 250],
[„Mleko”, 350]
]);
konsola.Log (MAP1.wartości ());
Używamy metody wartości () do wyświetlania każdej wartości obecnej na mapie.
Wyjście
Wszystkie wartości na mapie zostały wyświetlone.
wpisy ()
Aby wyświetlić wszystkie klucze, a także wartości obecne na mapie, stosowana jest metoda wpisów ().
Składnia
mapa.wpisy ();Przykład
Postępuj zgodnie z poniższym przykładem, aby zrozumieć działanie metody wpisów ().
const map1 = nowa mapa ([[[„Coffee”, 150],
[„cukier”, 250],
[„Mleko”, 350]
]);
konsola.Log (MAP1.wpisy ());
Tutaj używamy metody wpisów () do wyświetlania wszystkich par kluczowych obecnych na mapie.
Wyjście
Metoda wpisów () działa poprawnie.
Wniosek
Istnieje wiele metod obiektów mapy JavaScript, które umożliwiają utworzenie nowej mapy, ustaw lub wyświetlania wartości na mapie itp. Te metody są ustawione (), get (), delete (), clear (), ma (), foreach (), keys (), wartości () i wpisów (). Wszystkie te metody służą innym celu, który został szczegółowo wyjaśniony wraz z odpowiednim przykładem.