Dynamischer Objektschlüssel in JavaScript

Ein Objekt ist ein Entität, das Daten in Schlüsselwertpaaren speichert. In JavaScript können Objektschlüssel und Werte auf verschiedene Arten erstellt werden, einschließlich der Zuordnung unter Verwendung von Punkt- oder Klammernotation oder Objektliteralen während der Initialisierung. Aber manchmal muss ein Objektschlüssel dynamisch hinzugefügt werden.

Dieser Blog -Beitrag definiert den dynamischen Objektschlüssel in JavaScript.

So setzen Sie den dynamischen Objektschlüssel in JavaScript?

In der ES6 -Version von JavaScript können Entwickler die JavaScript -Eigenschaftschlüssel für ihre Objekte mithilfe der Halterungsnotation dynamisch festlegen.

Syntax:

Befolgen Sie die angegebene Syntax zum Einstellen eines dynamischen Objektschlüssels in JavaScript mit einer Klammernotation:

[KeyVar] = Keyname;

In der angegebenen Syntax:

• “KeyvarIst der variable Name, der den Namen des Schlüssels speichert, der dynamisch im Objekt hinzugefügt wird.
• “KeynameIst der Name eines Schlüssels, der in einem Objekt dynamisch festgelegt wird.

Beispiel 1:

Erstellen Sie zunächst eine Variable “Newkey"Für die Aufbewahrung des Namens des Schlüssels" Fähigkeiten ":

var Newkey = 'Fähigkeiten';

Dann erstellen Sie ein Objekt “die Info"Mit Eigenschaften"Name","Alter", Und "Email”. Fügen Sie ein weiteres Attribut eines Objekts mit dem Schlüssel hinzuFähigkeitDas fügt ein Objekt dynamisch hinzu:

var info =
Name: 'John' ',
Alter: 28,
E -Mail: '[email protected] ',
[NewKey]: 'JavaScript'
;

Ruf den "Konsole.Protokoll()Methode durch Übergabe eines Objekts als Argument zum Drucken aller Eigenschaften des Objekts in einem Schlüsselwertpaar:

Konsole.log (info);

Ausgang

Die obige Ausgabe zeigt, dass der dynamische Schlüssel “Fähigkeit”Wird erfolgreich hinzugefügt und in einem Objekt zugegriffen:

Beispiel 2:

Lassen Sie uns den Wert des Schlüssels drucken “Fähigkeit"In der" gespeichert "die Info" Objekt:

Konsole.Protokoll (Info.Fähigkeit);

Ausgang

Der Ausgang zeigt an, dass das Objekt “die Info"Zugriff erfolgreich auf den Wert der"NewkeyVariable und speichert es als dynamischer Schlüssel.

Abschluss

Verwenden Sie zum Hinzufügen eines Objektschlüssels dynamisch die Halterungsnotation. Speichern Sie zuerst den Schlüssel in einer Variablen und geben Sie dann den Variablennamen in der Klammernotation an, um einen Schlüssel mit Wert als Schlüsselwertpaar in einem Objekt festzulegen. Dieser Blog -Beitrag definiert den dynamischen Objektschlüssel in JavaScript.