Holen Sie sich den Wert des Objekts durch eine Referenz auf den Schlüssel

1. Access-Eigenschaft eines Objekts in JavaScript
2. Holen Sie sich den Wert des Objekts durch eine Referenzvariable mit der eckigen Klammer in JavaScript

In JavaScript werden die Objekte in Schlüssel-Wert-Paaren geschrieben. Wir können den Wert eines Objekts durch den Schlüssel erhalten.

Es ist aber auch möglich, den Schlüssel durch eine Variable zu referenzieren und die Variable zu verwenden, um auf den Wert in einem Objekt zuzugreifen. Dieser Artikel stellt den Weg vor, um dies zu erreichen.

Access-Eigenschaft eines Objekts in JavaScript

JavaScript hat verschiedene Möglichkeiten, auf eine Eigenschaft eines Objekts zuzugreifen. Mit Eigenschaft ist der Schlüssel eines Objekts gemeint.

Wir können den Wert einer Eigenschaft mit eckigen Klammern [], Punktoperator . und Objektdestrukturierung erhalten. Lassen Sie uns jeden von ihnen durchgehen.

Wir müssen auf die Eigenschaft innerhalb der eckigen Klammer verweisen, um den Wert zu erhalten, wie im folgenden Beispiel gezeigt.

Beispielcode:

var age = {Jack: 25, Danny: 23, Harry: 24}

          console.log(age['Jack']);

Ausgang:

25

Im obigen Beispiel haben wir ein Objekt age, das Eigenschaften in Strings und Werte in Zahlen enthält. Mit der eckigen Klammer haben wir auf einen Wert 25 zugegriffen, indem wir die Eigenschaft Jack aufgerufen haben.

Versuchen wir dies mit dem Punktoperator.

console.log(age.Danny);  // 23

Wir können auf den Wert zugreifen, indem wir die Eigenschaft durch das Objekt mit dem Punktoperator aufrufen. Beachten Sie den Unterschied, wenn Sie die Notation mit eckigen Klammern verwenden.

Wir haben die Immobilie in ein Angebot geschrieben. Dies liegt daran, dass die Eigenschaft eine Zeichenfolge ist.

Aber wir müssen das Anführungszeichen nicht verwenden, wenn wir den Punktoperator verwenden, obwohl die Eigenschaft in einer Zeichenfolge ist.

Lassen Sie uns nun auf die Werte zugreifen, indem wir das Objekt destrukturieren.

var {Harry} = age
console.log(Harry)  // 24

Hier haben wir die Eigenschaft Harry in die geschweiften Klammern {} gesetzt. Es funktioniert wie eine Variable und enthält als Wert das Objekt Alter.

Wir können auf den Wert der Immobilie Harry zugreifen. Dies wird als Objektdestrukturierung bezeichnet.

Holen Sie sich den Wert des Objekts durch eine Referenzvariable mit der eckigen Klammer in JavaScript

Wir können die Eigenschaft des Objekts auch mit einer Variablen referenzieren und sie verwenden, um auf den Wert des Objekts zuzugreifen. Dies kann mit der Schreibweise in eckigen Klammern [] erfolgen.

Betrachten Sie zum Beispiel das oben erstellte Objekt Alter. Erstellen Sie als nächstes eine Variable name und setzen Sie sie auf Jack.

Greifen Sie dann mit der Schreibweise in eckigen Klammern auf die Variable name zu, um den Wert des Objekts zu erhalten, wie unten gezeigt.

Beispielcode:

var age = {Jack: 25, Danny: 23, Harry: 24}

var name = 'Jack';
console.log(age[name]);

Ausgang:

25

Dies ist bei Verwendung eines Punktoperators nicht möglich.

console.log(age.name);  // undefined

Auf diese Weise können wir die eckige Klammer verwenden, um über die Variable, auf die die Eigenschaft in JavaScript verweist, auf den Wert eines Objekts zuzugreifen.