Mapy w JavaScript | Wyjaśnione

Mapy w JavaScript są również rodzajem strukturalnych danych przechowywania podobnych do obiektów i tablic. Jednak mapy wydobywają najlepsze obiekty i tablice. Mapy przechowują dane w parach kluczowych, podobnie jak obiekt z różnicą, że kluczem w mapach może być różne typy danych. MAP przechowuje dane w zachowanej kolejności, co czyni je podobną do tablicy, z różnicą to para wartości kluczowej zamiast wartości indeksowanych.

Mapy zostały wydane w wersji JavaScript ES6, która jest również znana jako ES2015 JS. Mapy są najczęściej używane, ponieważ zapewniają elastyczność programisty.

Składnia map

Aby zainicjować nową mapę, użyjesz następującej składni:

var map = new map ();

Jak widać, tworzymy nową mapę, wywołując jej funkcję konstruktora za pomocą słowa kluczowego ”nowy".

Jak pracować z mapami?

Utwórzmy nową zmienną mapy za pomocą następującego wiersza:

var dataSet = new map ();

Utworzyłeś nowy zestaw danych, w którym możesz przechowywać różne rodzaje informacji, aby umieścić wartości w mapie, której używasz ustawiaj metodę. Składnia metody zestawu mapy jest:

mapa.set (klucz, „wartość”);

Teraz znasz składnię, więc spróbujmy wprowadzić niektóre wartości wewnątrz mapy z następującymi wierszami kodu:

Zestaw danych.zestaw (1, „angielski”);
Zestaw danych.zestaw (2, „hiszpański”);
Zestaw danych.zestaw (3, „francuski”);

Jak widać, dodałeś trzy pary wartości kluczowej w mapie, możesz je zweryfikować, drukując mapę za pomocą konsola.dziennik() Funkcja jak:

konsola.log (zestaw danych);

Cały fragment kodu jest jak

var dataSet = new map ();
Zestaw danych.zestaw (1, „angielski”);
Zestaw danych.zestaw (2, „hiszpański”);
Zestaw danych.zestaw (3, „francuski”);
konsola.log (zestaw danych);

Po uruchomieniu tego kodu zobaczysz następujące dane wyjściowe na konsoli:

Zauważ, że w wyjściu jest interesująca rzecz, która odróżnia mapa z obiekt, W obiektach pary kluczowe są oddzielone przez okrężnica „:” Podczas gdy w przypadku map pary wartości kluczowej są oddzielone strzałka „=>”.

Iteracja przez mapę

Masz wiele sposobów iteracji przez mapę, jednym z tradycyjnych sposobów jest korzystanie z mapy.

Pobieranie kluczy mapy

Możesz iterować klucze mapy za pomocą następujących wierszy kodu:

dla (klucze zestawu danych.Klucze())
konsola.log ('Keys to: $ Keys');

Wyjście jest jak

Pobieranie wartości mapy

Aby iterować wartości mapy, możesz użyć następujących wierszy kodu:

dla (wartości zestawu danych.wartości ())
konsola.log („Wartości to: $ wartości ');

Wyjście jest jak

Pobieranie kluczy i wartości jako para

Jeśli chcesz uzyskać zarówno klucze, jak i wartości jako parę, możesz to zrobić, używając następujących wierszy kodu:

dla ([klawisze, wartości] zestawu danych)
konsola.log („Klucz to: $ Keys i wartość to: $ wartości ');

Uzyskanie określonej wartości z określonego klucza

Możesz nawet uzyskać określoną wartość z mapy za pomocą Uzyskaj metodę, Wypróbuj następujący wiersz kodu:

konsola.Log (zestaw danych.zdobądź (1));

Otrzymasz następujące dane wyjściowe:

Jak widać, byłeś w stanie uzyskać wartość określonego klucza za pomocą Dostawać metoda.

Różne rodzaje kluczy

Jak wspomniano powyżej, mapa może mieć różne typy kluczy, które są główną cechą, która odróżnia mapę od prostego obiektu. Weźmy tę samą mapę, której używaliśmy we wszystkich powyższych przykładach, ale dodajmy kilka par kluczowych, z różnymi typami kluczy:

Ciąg jako klucz
Możesz mieć klucze typów danych ciągów, takie jak wyświetlanie w następującym wierszu:

Zestaw danych.set („coms”, „całkiem nieźle”);

Boolean jako klucz
Możesz mieć klucz logicznych typów danych, taki jak następujący wiersz kodu:

Zestaw danych.zestaw (true, 1);
Zestaw danych.set (false, 0);

Obiekty jako klucz
Możesz nawet przekazać obiekty jako klucze, wypróbuj następujące wiersze kodu:

var persone1 = Nazwa: „John Doe”, wiek: 25, wysokość: „6 ft 2”;
Zestaw danych.set (osoba 1, „członek”);

Aby zweryfikować cały powyższy kod, możesz po prostu zadzwonić konsola.dziennik() funkcjonować do wydrukowania mapy na konsoli jako:

konsola.log (zestaw danych);

Kompletny fragment kodu jest jak

var dataSet = new map ();
Zestaw danych.zestaw (1, „angielski”);
Zestaw danych.set („coms”, „całkiem nieźle”);
Zestaw danych.zestaw (true, 1);
Zestaw danych.set (false, 0);
var persone1 = Nazwa: „John Doe”, wiek: 25, wysokość: „6 ft 2”;
Zestaw danych.set (osoba 1, „członek”);
konsola.log (zestaw danych);

Po uruchomieniu powyższego kodu otrzymasz następujące dane wyjściowe:

Jak widać, każdy klucz został dodany do zestawu danych wraz z jego wartością i tak działają mapy w JavaScript.

Wniosek

Mapy to zbiór par kluczowych, które są przechowywane w zachowanym kolejności, dzięki czemu mapa naśladuje zachowanie zarówno obiektu, jak i tablicy. Mapy mogą mieć dowolny typ klucza i dowolny typ wartości przy jednoczesnym utrzymaniu kolejności par kluczowych, tak jak w tablicach. Możesz dodać pary wartości kluczowej wewnątrz mapy za pomocą ustawić() metoda mapy, możesz uzyskać określoną wartość za pomocą Dostawać() Metoda i do iterowania przez całą mapę możesz użyć na pętlę. Mapy są używane, ponieważ zapewniają programistom większą elastyczność i swobodę.