Jak konwertować klucze mapy na tablicę w JavaScript?

JavaScript to język programowania wysokiego poziomu, który oferuje swoim programistom wiele różnych struktur danych, które są używane do przechowywania danych i treści i mogą być łatwe do utrzymania i zrozumienia. Najczęściej używanymi strukturami do przechowywania kolekcji danych w JavaScript są tablice i obiekty. Tablice są używane do przechowywania indeksowanych rekordów, podczas gdy w obiektach pary kluczowe są przechowywane. W 2015 r. JavaScript wprowadził inny iterabalny obiekt znany jako mapa w EcMascript, którego głównym celem było zapewnienie programistom większej elastyczności.

W tym poście omówimy, czym jest obiekt mapy i jak konwertować klucze mapy na tablicę w JavaScript.

Obiekt mapy

Obiekt mapy jest prostym obiektem, którego funkcją jest przechowywanie zbioru elementów z wyjątkiem, że mapa przechowuje dane w parach kluczowych. Niezależnie od tego, w jakim stanie wstawisz dane do obiektu mapy, pamięta to zamówienie. składnia obiektu mapy podano poniżej:

var map = nowa mapa ([iterableObject]);

iterableObject Argument jest opcjonalny i jest obiektem, którego elementy są przechowywane jako pary wartości kluczowej w obiekcie mapy.

Zaimplementujmy obiekt mapy w JavaScript, abyśmy wiedzieli, w jaki sposób obiekt mapa jest inicjowany i jak go działa:

// Utwórz mapę
var map = newMap ();
// Skonfiguruj klucze i wartości dla obiektu mapy
mapa.set („1”, „string”); // Klucz jako ciąg
mapa.zestaw (1, „liczba”); // Klucz jako numeryczny
mapa.set (true, „boolean”); // Klucz jako boolean
// Pobierz wartości z mapy za pomocą klawiszy
konsola.dziennik (mapa.zdobądź (1)); // Numer
konsola.dziennik (mapa.Get („1”)); // strunowy

W powyższym kodzie zainicjowaliśmy obiekt mapy, a następnie ustawiliśmy niektóre wartości wewnątrz zainicjowanego obiektu mapy. Następnie pobieramy wartość za pomocą mapy.Metoda get () i wyświetl ją za pomocą konsoli.dziennik():

Konwersja kluczy map na tablicę

Możemy uzyskać klucze obiektu mapy za pomocą Mapa.Klucze() metoda.

Aby przekonwertować klucze MAP na tablicę, możemy użyć dwóch metod. Pierwszym podejściem będzie użycie Szyk.z metoda, która pomaga w przekształcaniu Mapiterator (Obiekt pomagający nam zapętlić się przez rekordy lub kolekcje) do tablicy w następujący sposób:

// Utwórz mapę
var map = newMap ();
// Skonfiguruj klucze i wartości dla obiektu mapy
mapa.set („owoc”, „jabłko”);
mapa.set („ilość”, 20);
// Konwertuj klucze mapy na tablicę
Niech klawisze = tablica.z (mapa.Klucze() );
konsola.log (klucze); // [owoce, ilość]

W powyższym kodzie najpierw zainicjowaliśmy obiekt mapy, a następnie ustawiliśmy dwie wartości dla obiektu mapy. Obok kluczy obiektu mapy użyliśmy wbudowanej metody obiektu mapy mapa.Klucze(). Następnie użyliśmy Szyk.z metoda, która przekonwertuje wynik na tablicę. W końcu wyświetliśmy klawisze na konsoli za pomocą konsoli.Metoda log ().

Drugim podejściem, które możemy podjąć, jest użycie operatora rozprzestrzeniania „…” w JavaScript, którego funkcję jest przyjmowanie iterowalnego, a następnie przekonwertowania go na poszczególne elementy.

// Utwórz mapę
var map = newMap ();
// Skonfiguruj klucze i wartości dla obiektu mapy
mapa.set („owoc”, „jabłko”);
mapa.set („ilość”, 20);
// Konwertuj klucze mapy na tablicę
Niech Keys = [… mapa.Klucze() ];
konsola.log (klucze); // [owoce, ilość]

Kod podany powyżej pozostaje taki sam, z wyjątkiem wykorzystania operatora rozprzestrzeniania „…”.

Jak widać na wyjściu, które pomyślnie przekonwertowaliśmy nasz obiekt mapy na tablicę iterowalnej:

Wniosek

JavaScript wprowadził obiekt mapy w EcMascript w 2005 roku, w którym możemy przechowywać zbiór elementów w parach kluczowych. Możemy uzyskać klucze z obiektu mapy za pomocą wbudowanej mapy metod.Klucze(). Aby przekonwertować klucze mapy na tablicę, musimy najpierw zainicjować obiekt mapy, a następnie użyć mapy.Metoda keys (), a następnie użyj operatora lub tablicy rozprzestrzeniania.z () metody konwertowania kluczy na tablicę.

W tym poście omówiliśmy, czym jest obiekt mapy JavaScript i jak przekonwertować obiekt mapy na tablicę w JavaScript przy użyciu dwóch podejść; Korzystanie z operatora rozprzestrzeniania i za pomocą tablicy.z metody ().