Jaki jest obiekt mapy w JavaScript?

JavaScript to język programowania, który daje aplikacje internetowe i strony internetowe możliwość myślenia i działania, czyniąc je dynamicznymi i interaktywnymi. Podczas programowania często mylisz, z której struktury danych należy użyć do przechowywania danych, które można łatwo zarządzać i zrozumieć. Aby przechowywać gromadzenie danych, tablice i obiekty są powszechnie używanymi strukturami danych. Pary wartości kluczowej są przechowywane w obiektach, a listy indeksowane są przechowywane w tablicach. Potem pojawił się ECMAScript 2015, który wprowadził inny iterabalny obiekt znany jako mapy, aby zapewnić programistom większą elastyczność. Tak więc w tym poście omówimy, czym jest obiekt mapy w JavaScript, i omówimy niektóre praktyczne przykłady wraz z zrzutami ekranu wyjścia.

Co to jest obiekt mapy?

Obiekt mapy, taki jak zwykły obiekt to zbiór elementów, które przechowują pary wartości kluczowej; Jednak główną różnicą jest to, że klucze mogą być dowolnego typu. Należy również zauważyć, że obiekt mapy pamięta kolejność pary wartości kluczowej, która została wstawiona do obiektu mapy.

Składnia:

var map = nowa mapa ([it]);

Gdzie To jest opcjonalny i jest obiektem, którego elementy są przechowywane jako pary wartości klucza.

Obiekt map ma pewne właściwości i metody zdefiniowane poniżej:

• Do tworzenia nowej mapy -> nowa mapa ()
• Aby przechowywać wartość za pomocą klucza -> mapa.zestaw (klucz, wartość)
• Aby uzyskać wartość klucza -> mapa.Weź klucz)
• Jeśli klucz nie istnieje, mapuj.Get (klucz) zwróci niezdefiniowane
• Aby usunąć wszystko z mapy -> mapa.jasne()
• Aby uzyskać rozmiar mapy -> mapa.rozmiar
• Aby usunąć wartość za pomocą klucza -> mapa.usuń (klucz)

Przykład obiektu map 1

W podanym poniżej kodzie najpierw zainicjowaliśmy obiekt mapy, a następnie ustawiliśmy wartości. Pierwszym kluczem, który ustawiliśmy, jest klawisz stringowy, drugi to klucz numeryczny, a trzeci. Następnie pocieszamy rejestrację wyniku uzyskania wartości dostarczonych kluczy. Sprawdzamy również rozmiar obiektu mapy, który zwraca 3.

// tworzenie map
var map = new map ();
// Ustawienie par kluczowych do mapowania
mapa.set („1”, „string”); // KLUCZ STRING
mapa.zestaw (1, „liczba”); // klucz numeryczny
mapa.set (true, „boolean”); // kluczowy klucz
// Uzyskaj informacje z mapy
konsola.dziennik (mapa.zdobądź (1)); // Numer
konsola.dziennik (mapa.Get („1”)); // strunowy
konsola.dziennik (mapa.rozmiar); // 3

Przykład obiektu map 2

Możemy również ustawić klucze obiektu mapy jako obiekty. Pokazajmy to za pomocą poniżej podanego kodu:

var student1 = Nazwa: „Jhon”;
// Dla każdego ucznia przechowujmy ich oceny
var marks = new map ();
// Student1 jest kluczem do mapy, a sam student 1 jest przedmiotem
znaki.zestaw (student1, 93);
konsola.Dziennik (znaki.Get (Student1)); // 93

W powyższym przykładzie najpierw zainicjowaliśmy obiekt o nazwie Student1 a następnie utworzył obiekt mapy. Następnie ustawiamy oceny studenta. Należy zauważyć, że sam Student1 jest przedmiotem, ale działa tutaj jako klucz. Otrzymujemy wyjście 93, jak pokazano poniżej:

Iteracyjne nad klawiszami mapy

Zobaczmy teraz, jak iterować klawisze mapy w jakim celu użyjemy pętli i mapy.Metoda Keys (). Mapa.Metoda keys () zwróci wszystkie klucze obiektu mapy w kolejności, w której zostały wstawione do obiektu mapy.

Zainicjujmy obiekt mapy i podajmy nazwy jako klucze i wartości jako pozycję pracy. Następnie zaimplementowaliśmy pętlę dla Konsolijnych zalogowania wszystkich kluczy/nazw w obiekcie mapy.

// Tworzenie obiektu mapy
var pracowników = nowa mapa ([
[„John”, „admin”],
[„Sarah”, „redaktor”],
[„Sam”, „pisarz”]
]);
// dla pętli
dla (var nazwa pracowników.Klucze())
konsola.log (nazwa);

Dane wyjściowe powyższego kodu to:

Aby iterować wartości mapy, po prostu zmienimy pracownicy.Klucze() Do pracownicy.wartości ():

// Tworzenie obiektu mapy
var pracowników = nowa mapa ([
[„John”, „admin”],
[„Sarah”, „redaktor”],
[„Sam”, „pisarz”]
]);
// dla pętli
dla (var pozycja pracowników.wartości ())
konsola.log (pozycja);

Usuwanie elementu za pomocą klucza

W tym przykładzie usuniemy wpis w obiekcie mapy za pomocą usuwać() metoda:

// Tworzenie obiektu mapy
var pracowników = nowa mapa ([
[„John”, „admin”],
[„Sarah”, „redaktor”],
[„Sam”, „pisarz”]
]);
// Usuwanie Johna z pracowników
pracownicy.Usuń („John”);
// dla pętli
dla (var nazwa pracowników.Klucze())
konsola.log (nazwa);

Widzimy to Jan został usunięty i brakuje na wyjściu:

Wniosek

Obiekt mapy został wprowadzony w ES6 i przed obiektem mapy użyto zwykłych obiektów. Jednak obiekt ma pewne braki, takie jak obiekt zawsze ma domyślny prototyp klucza i nie można użyć obiektu jako klucza. Aby rozwiązać ten problem, wprowadzono mapę, która jest zbiorem elementów przechowywanych w parach kluczowych, podobnie jak obiekty, ale tutaj klucze mogą być dowolnego typu. W tym poście widzieliśmy obiekt mapy w JavaScript i omówiliśmy dwa przykłady. Poza tym zaimplementowaliśmy i przyjrzeliśmy się różnym metodom i właściwościom obiektów mapy JavaScript.