Dynamiczny klucz obiektu w JavaScript

Obiekt jest jednostką, która przechowuje dane w parach kluczowych. W JavaScript klawisze obiektów i wartości można tworzyć na wiele sposobów, w tym przypisanie za pomocą kropki lub notacji wsporników lub literałów obiektowych podczas inicjalizacji. Ale czasami klucz obiektu należy dodawać dynamicznie.

Ten post na blogu zdefiniuje dynamiczny klucz obiektu w JavaScript.

Jak ustawić dynamiczny klucz obiektu w JavaScript?

W wersji JavaScript ES6 programiści mogą dynamicznie ustawić klucze właściwości JavaScript dla swoich obiektów za pomocą notacji wspornika.

Składnia:

Śledź podaną składnię, aby ustawić dynamiczny klucz obiektu w JavaScript z notacją nawigacyjną:

[keyVar] = keynaMe;

W podanej składni:

• "Keyvar”To nazwa zmiennej, która przechowuje nazwę klucza, który zostanie dodany dynamicznie w obiekcie.
• "Keyname”To nazwa klucza, który zostanie ustawiony dynamicznie w obiekcie.

Przykład 1:

Najpierw utwórz zmienną „Newkey„Za przechowywanie nazwy kluczowej„ umiejętności ”:

var newkey = „Skill”;

Następnie utwórz obiekt „informacje”, Z nieruchomościami„nazwa”,„wiek", I "e-mail". Dodaj kolejny atrybut obiektu za pomocą klucza „umiejętność„To dynamicznie doda obiekt:

var info =
Imię: „John”,
Wiek: 28,
E -mail: „[email protected] ',
[Newkey]: „JavaScript”
;

Zadzwoń do "konsola.dziennik()„Metoda, przekazując obiekt jako argument do drukowania wszystkich właściwości obiektu w parie kluczowej:

konsola.log (informacje);

Wyjście

Powyższe wyjście pokazuje, że klucz dynamiczny „umiejętność”Jest pomyślnie dodawany i dostępny w obiekcie:

Przykład 2:

Wydrukujmy wartość klucza ”umiejętność”Przechowywane w„informacje" obiekt:

konsola.dziennik (informacje.umiejętność);

Wyjście

Wyjście wskazuje, że obiekt „informacje„Z powodzeniem uzyskuje dostęp do wartości„Newkey”Zmienna i przechowuje go jako klucz dynamiczny.

Wniosek

Do dynamicznego dodawania klucza obiektu użyj notacji wspornika. Najpierw przechowuj klucz w zmiennej, a następnie określ nazwę zmiennej w notacji nawigacyjnej, aby ustawić klucz o wartości jako parę wartości klucza w obiekcie. Ten post na blogu określa dynamiczny klucz obiektu w JavaScript.