Jak przechowywać klucz => tablice wartości w JavaScript?

Istnieje wiele sposobów przechowywania klucza => tablice wartości w JavaScript. Jednak trudna część jest przechowywanie klawiszy i wartości z dwóch różnych tablic w jeden element. I dodać do jego trudności, klucz i wartość należy przechowywać w takim schemacie, że pobieranie klucza o jego wartości jest łatwe. To ogranicza liczbę metod osiągnięcia zadania do tylko dwóch. Dwie najbardziej obiecujące metody obejmują zastosowanie Obiekty I Mapy. Ten artykuł przejdzie obie te metody jeden po drugim.

Notatka: W tym artykule zakłada, że ​​klucze i wartości są przechowywane w różnych tablicach, a celem jest przechowywanie ich razem i sformatowanie jako „klucz => wartość” podczas pobierania.

Metoda 1: Używanie obiektów do przechowywania klucza => tablice wartości

Aby zademonstrować tę metodę, najpierw utwórz tablicę kluczową i tablicę wartości z następującymi wierszami:

var Keysarray = [„China”, „Anglia”, „Egipt”, „Finlandia”, „Grecja”];
var wartościArray = [„Beijing”, „London”, „Kair”, „Helsinki”, „Ateny”];

Następnie utwórz pusty obiekt JavaScript z następującym wierszem:

resetObj = ;

Następnie po prostu skopiuj klucze i wartości z ich tablicy i dodaj je w obiekcie za pomocą następujących wierszy:

dla (var i = 0; i < keysArray.length; i++)
resetObj [Keysarray [i]] = wartościArray [i];

W tym powyższym fragmencie kodu:

• Pętla jest uruchamiana, a jej iteracje są równe liczbie elementów wewnątrz tablicy kluczy.
• W każdej iteracji utworzono nowy atrybut właściwości obiektu i otrzymuje nazwę równą elementowi wewnątrz tablicy kluczowej i jego odpowiednią wartość z tablicy wartości za pomocą tych samych wartości indeksu.

Następnie przejdź wynik do funkcji dziennika konsoli, aby wydrukować ją na terminalu:

konsola.log (wynik);

Wykonanie kodu zapewni następujące dane wyjściowe:

Klucze i wartości są przechowywane razem, ale wciąż nie są w „key => format"
Aby wyświetlić je we właściwym formacie, użyj następujących wierszy kodu:

dla (x obiektu.Keys (wynikOBJ))
konsola.log (x + "=>" + resetobj [x]);

W tym kodowym fragmencie:

• Obiekt.Metoda keys () zwraca klawisze obiektu w jego argumencie jeden po drugim. Klucze są przechowywane w zmiennej ”X"
• String Conatenacja służy do sformatowania danych wyjściowych dziennika konsoli jako „Keys => Wartości”

Wykonanie programu daje teraz następujący wynik:

Wyjście pokazuje, że klawisze są nie tylko przechowywane razem, ale także sformatowane we właściwy sposób.

Metoda 2: Używanie map do przechowywania klucza => tablice wartości

Aby zademonstrować użycie map do przechowywania klawiszy i ich odpowiednich wartości, utwórz dwie tablice z klawiszami i wartościami z następującymi wierszami kodu:

var Keysarray = [„China”, „Anglia”, „Egipt”, „Finlandia”, „Grecja”];
var wartościArray = [„Beijing”, „London”, „Kair”, „Helsinki”, „Ateny”];

Następnym krokiem jest utworzenie mapy, w tym celu utworzyć zmienną i ustaw ją równy Nowa mapa () konstruktor jak:

resultMap = new map ();

Aby dodać wartości do zmiennej MAP, istnieje ta metoda Mapvar.ustawić(). Użyj tej funkcji, aby dodać klucze i ich odpowiednie wartości:

dla (i = 0; i < keysArray.length; i++)
mapa wyników.set (KeysArray [i], ValueArray [i]);

W wyżej wymienionym kodowym fragmencie:

• A dla pętli służy do iteracji przez klawisza i wartości wartości przy użyciu długości klawisza.
• W każdej iteracji, mapa wyników.ustawić() Metoda służy do przechowywania klucza i pary na mapie.

Po tym po prostu przejdź mapa wyników Zmienna na terminalu za pomocą funkcji dziennika konsoli:

konsola.log (resultMap);

Ten kod wytworzy następujące dane wyjściowe:

Jest to w pewnym sensie we właściwym formacie, ale zawiera trochę dodatkowych informacji. Aby poprawnie go sformatować, użyj następujących wierszy:

dla (klucz mapy wyników.Klucze())
konsola.log (klucz + "=>" + mapa wyników.Weź klucz));

W tym kodowym fragmencie:

• mapa wyników.Metoda keys () zwraca klawisze mapy jeden po drugim do zmiennej kluczowej.
• mapa wyników.Metoda get () służy do uzyskania wartości określonego klucza.
• Aw funkcji dziennika konsoli, łączenie ciągów jest używane do prawidłowego sformatowania danych wyjściowych.

Wykonanie kodu wytwarza teraz następujące dane wyjściowe na terminalu:

Wyjście pokazuje, że klawisze są nie tylko przechowywane razem, ale także sformatowane we właściwy sposób.

Wniosek

W JavaScript obiekty i mapy to dwa elementy, które są najbardziej odpowiednie do przechowywania klawiszy i par, nawet jeśli zadaniem jest przyjmowanie kluczy i wartości z poszczególnych tablic i umieszczenie ich w jednej jednostce. Następnie, ilekroć użytkownik próbuje zdobyć klawisze i ich odpowiednie wartości, można je łatwo sformatować w formacie „key => wartość” za pomocą prostej konatenacji ciągów w JavaScript.