Jak utworzyć słownik w JavaScript z parami kluczów?

W większości przypadków bazy danych są używane do przechowywania dużej ilości danych do używania go później lub do zapisywania stanu aplikacji, ale pojawia się potrzeba przechowywania danych lokalnie w kodzie, aby użyć ich później. Dlatego języki programowania mają niektóre standardowe typy danych, które są naprawdę pomocne w osiągnięciu takiej funkcjonalności bez korzystania z bazy danych.

Potrzeba par kluczowych

W tym celu JavaScript używa tablic i obiektów do przechowywania niektórych rekordów w kodzie. W przeciwieństwie do innych języków programowania, JavaScript nie ma dokładnego typu, który można nazwać słownikiem, ale ma różnorodny typ, który nazywa się obiektem w JavaScript. Obiekt JavaScript jest dość elastyczny, ponieważ można go używać dynamicznie, gdziekolwiek chcesz. Większość obiektów czasu są szeroko stosowane do danych, ponieważ można je łatwo wykorzystać w dalszej części kodu.

Obiekt

Obiekty są również takie same jak słowniki w innych językach programowania, ponieważ obiekty składają się również z pary wartości kluczowych, a słowniki są również oparte na tej strukturze tworzenia par kluczowych. Możesz przypisać klucz do określonej wartości, aby uzyskać do niego dostęp.

W tym artykule zobaczymy, w jaki sposób możemy tworzyć słowniki w JavaScript i jak możemy łatwo manipulować w nich niektóre dane za pomocą niektórych przykładów.

Jak utworzyć słownik/obiekt w JavaScript

Ponieważ słowniki nie są tradycyjnymi typami danych JavaScript, dlatego używamy ich w ten sam sposób do tworzenia słowników, gdy deklarujemy obiekty i inicjowanie im niektórych wartości.
Weźmy przykład tworzenia obiektu.

Przykład

niech myFirStObject = new Obiekt ();
// lub skrótowy sposób
Niech myFirstObject =
FirstName: „Mark”,
LastName: „Fonso”,
Wiek: 20

konsola.log („typ zmiennej to: ', typeof (myFirStObject), i jej wartości to:', myFirStObject)

Istnieją dwa podstawowe sposoby utworzenia obiektu w JavaScript, pierwszy to deklarowanie nazwy obiektu, który w naszym przypadku jest „myFirstObject”, A następnie tworzenie jego instancji poprzez inicjowanie nowy obiekt ().

Drugi sposób jest uważany za metodę skrótów, która jest po prostu zadeklarowaniem nazwy obiektu i przypisania jej niektórych par kluczowych, aby interpreter zrozumiał, że tak, to obiekt.

Wyjście:

Tutaj widać, że typ obiektu jest obiektem, ponieważ powiedziałem, że nie ma tradycyjnego typu danych zwanych obiektem, dlatego obiekty JavaScript są traktowane jako obiekty w niektórych przypadkach.

Weźmy kolejny przykład utworzenia nowego obiektu w poniższym przykładzie

Przykład

niech ExpOct =
FirstName: „John Doe”,
„Dziesięć”: 10,
10: „Każda liczba całkowita”,
„Doświadczenie”: 0
;
konsola.log („type:”, typeof (expObject), „\ n”, „wartości:”, ExpObject)

Tutaj, w powyższym przykładzie, stworzyliśmy i zainicjowaliśmy nowy obiekt z nazwą Expobject a konsola zarejestrowała go w terminalu, sprawdzając jego typ danych i wyświetlając wartości w nim.

Jak widać na powyższym ekranie wyjściowym, że typ jest wyświetlany jako obiekt, podczas gdy jego wartości są również wyświetlane w terminalu wyjściowym, jak się spodziewaliśmy.

Przypisywanie wartości do kluczy obiektowych

Z powodzeniem utworzyliśmy nasz obiekt, teraz sprawdźmy wartości za pomocą klucz Nazwy w poniższym przykładzie;

Można to osiągnąć, wykorzystując właściwość indeksera obiektu do ustawienia wartości lub używając go bezpośrednio tak, jakby była właściwością normalną na obiekcie. Kluczowymi wartościami mogą być dowolny obiekt, a nie tylko ciągi:

niech ExpOct =
FirstName: „John Doe”,
„Dziesięć”: 10,
10: „Każda liczba całkowita”,
„Doświadczenie”: 0
;
ExpObject [„dziesięć”] = 20;
Expobject [10] = „Twenty”;
ExpObject [„Experience”] = 22;
konsola.log („type:”, typeof (expObject), „\ n”, „wartości:”, ExpObject)
// bezpośrednio przypisywanie właściwości
dykt.FirstName = „John Doe”;

Tutaj, w powyższym przykładzie, utworzyliśmy obiekt, a później przypisaliśmy wartości wyłącznie do określonych właściwości lub kluczy obiektu za pomocą metody indexer.

Wyjście

Możesz teraz wyraźnie zobaczyć na powyższym ekranie wyjściowym, że wartości zostały zaktualizowane w obiekcie.

Przypisywanie wartości do obiektu za pomocą operatora kropkowego (przypisanie bezpośrednie)

Do tej pory omówiliśmy, w jaki sposób możemy tworzyć obiekty i jak możemy przypisać niektóre wartości do właściwości obiektu za pomocą metody indexer, tutaj w poniższym przykładzie zobaczymy, w jaki sposób możemy użyć operatora kropki, aby przypisać niektóre wartości do właściwości obiektu.

Przykład

niech ExpOct =
FirstName: „John Doe”,
„Dziesięć”: 10,
10: „Każda liczba całkowita”,
„Doświadczenie”: 0
;
Expobject.Dziesięć = 20;
Expobject.doświadczenie = 10;
Expobject.FirstName = „Mark Huggy”;
konsola.log („type:”, typeof (expObject), „\ n”, „wartości:”, ExpObject)

Tutaj, w powyższym przykładzie, tworzymy obiekt, a później przypisujemy niektóre wartości do jego właściwości za pomocą operatora DOT lub możesz powiedzieć bezpośrednie przypisanie innymi słowy.

Widać, że wartości powyżej wysokości są aktualizowane w obiekcie.

Iterowanie par kluczowych obiektów

Teraz omówimy iterację par kluczowych.

Przykład
Tutaj w poniższym przykładzie utworzymy obiekt, a następnie zapętlimy każdy klucz obiektu i wyświetlimy wartość na każdym klawiszu obiektu:

niech ExpOct =
FirstName: „John Doe”,
„Dziesięć”: 10,
10: „Każda liczba całkowita”,
„Doświadczenie”: 0
;
dla (niech klucz w ExpObject)
niech wartość = ExpObject [klucz];
konsola.log (wartość);

Wyjście

Wartości są wyświetlane z każdym kluczem za pomocą pętli

Bezpośredni dostęp do par kluczy/wartości

Tak samo jak przypisanie bezpośrednie, możemy również bezpośrednio uzyskać dostęp do wartości obiektu za pomocą operatora kropki i przypisać go do innej zmiennej do późniejszego użycia. Zobaczmy w poniższym przykładzie:

niech ExpOct =
FirstName: „John Doe”,
„Dziesięć”: 10,
10: „Każda liczba całkowita”,
„Doświadczenie”: 0
;
Niech nazwa_namalna = Expobject.imię;
Expobject.FirstName = "Mark Christonson";
konsola.log („stara nazwa:”, First_name, „\ nnew Name:”, Expobject.imię )

Tutaj, w powyższym przykładzie, stworzyliśmy obiekt, a później, przypisaliśmy jego stare imię wartość do imię zmienna i zaktualizowana wartość imię Za pomocą metody bezpośredniego przypisania. Później wyświetliśmy zarówno stare, jak i nowe wartości na ekranie

Wyjście:

Możesz zobaczyć zarówno stare, jak i nowe pola nazwy na powyższym ekranie wyjściowym.

Wniosek

Słownik nie jest tradycyjnym typem danych języka programowania JavaScript, ale obiekty można w niektórych przypadkach traktować jako słowniki. Możesz utworzyć obiekt na dwa różne sposoby, jeden to zadeklarowanie go i zainicjowanie za pomocą nowy obiekt () Metoda, a druga to droga skrótem, po prostu deklarując i przypisując do niej niektóre pary wartości kluczowej. W tym artykule szczegółowo przeszliśmy obie metody i omówiliśmy, w jaki sposób możemy przypisać i pobierać wartości za pomocą metod bezpośredniego przypisania i indeksera.