Heim > Artikel > Web-Frontend > Wie verwende ich Variablen als Schlüssel in JavaScript-Objektliteralen?

Wie verwende ich Variablen als Schlüssel in JavaScript-Objektliteralen?

WBOYnach vorne: 2023-08-28 08:25:071157Durchsuche

如何在 JavaScript 对象文字中使用变量作为键？

In JavaScript müssen wir manchmal Variablen als Objektschlüssel verwenden. Wenn wir beispielsweise Daten von einer API abrufen und uns nicht über alle Eigenschaften der Antwortdaten im Klaren sind, müssen wir das Antwortobjekt iterieren und jede seiner Eigenschaften speichern.

Allerdings können wir beim Erstellen des Objekts keine Variablen als Schlüssel verwenden, aber nach der Erstellung können wir dem Objekt variable Eigenschaften hinzufügen.

Grammatik

Benutzer können Variablen gemäß der folgenden Syntax als Schlüssel in JavaScript-Objekten verwenden.

object[key] = value;

In der obigen Syntax ist „Schlüssel“ eine Variable, die einen bestimmten Wert enthält.

Beispiel

Im folgenden Beispiel erstellen wir ein Objekt mit Tabelleneigenschaften. Zusätzlich haben wir die Variable „dimensions“ erstellt, um die Abmessungen der Tabelle zu speichern. Die Variable „key“ enthält „dimensions“ als String-Wert.

Nachdem wir das Objekt erstellt haben, verwenden wir die Variable „key“ als Objektattribut und den Wert der Variable „dimension“ als Objektattributwert.

<html>
<body>
   <h2>Using variables as key of JavaScript object</h2>
   <div id = "content"> </div>
   <script>
      let content = document.getElementById("content");
      let object = {
         "table_id": 1,
         "table_name": "table1",
         "table_price": 100
      };
      let dimesions = "100 x 100";
      let key = "dimensions";
      object[key] = dimesions;
      for (let key in object) {
         content.innerHTML += key + " : " + object[key] + "<br>";
      }
   </script>
</body>
</html>

In der Ausgabe kann der Benutzer beobachten, dass die Tabellendimensionen als Werte des Objekts „Dimensionen“ gespeichert sind.

Beispiel

Im folgenden Beispiel erstellen wir ein leeres Objekt. Danach führten wir 10 Iterationen mit einer for-Schleife durch. Wir verwenden „I“ als Schlüssel und i*i als Attributwert in jeder Iteration.

Auf diese Weise speichern wir das Quadrat der Zahl als Wert und die Zahl selbst als Schlüssel.

<html>
<body>
   <h2>Using variables as key of JavaScript object</h2>
   <div id="content"> </div>
   <script>
      let content = document.getElementById("content");
      let object = {};
      for (let i = 0; i < 10; i++) {
         object[i] = i * i;
      }
      content.innerHTML = "The object is: " + JSON.stringify(object) + "<br>";
      for (let i = 0; i < 10; i++) {
         content.innerHTML += "The square of " + i + " is " + object[i] + "<br>";
      }
   </script>
</body>
</html>

Benutzer haben gelernt, beim Erstellen von JavaScript-Objekten Variablen als Schlüssel zu verwenden. Wenn wir eine Variable als Schlüssel verwenden, verwendet sie tatsächlich den Wert der Variablen als Schlüssel.

Das obige ist der detaillierte Inhalt vonWie verwende ich Variablen als Schlüssel in JavaScript-Objektliteralen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Arbeiten mit JSON-formatierten Daten in SnackNächster Artikel：Arbeiten mit JSON-formatierten Daten in Snack

In Verbindung stehende Artikel

Mehr sehen