Heim >Web-Frontend >js-Tutorial >Wie kann ich dynamische Eigenschaftsnamen in JavaScript-Objektliteralen verwenden?

Wie kann ich dynamische Eigenschaftsnamen in JavaScript-Objektliteralen verwenden?

Susan Sarandon
Susan SarandonOriginal
2024-11-03 09:53:03448Durchsuche

How Can I Use Dynamic Property Names in JavaScript Object Literals?

Dynamische Eigenschaftsnamen in JavaScript-Objektliteralen

In JavaScript wird auf Objekteigenschaften normalerweise mithilfe der Punkt- oder Klammernotation zugegriffen. Während Ersteres nur String-Literale als Eigenschaftsnamen akzeptiert, bietet Letzteres mehr Flexibilität.

Klammernotation für dynamische Eigenschaftsnamen

Die Klammernotation ermöglicht die Verwendung von Variablen als Eigenschaftsnamen innerhalb eines Objektliterals . Dies wird durch berechnete Eigenschaftsnamen erreicht, eine Funktion, die in ES6 eingeführt wurde.

<code class="javascript">const myVar = "name";
const myObject = {
  [myVar]: "value"
};</code>

Im obigen Beispiel wird myVar als Eigenschaftsname innerhalb des Objektliterals unter Verwendung von eckigen Klammern verwendet. Dies entspricht der Verwendung des folgenden herkömmlichen Ansatzes:

<code class="javascript">const myObject = {
  name: "value"
};</code>

Einschränkungen von Objektliteralen

Es ist wichtig zu beachten, dass berechnete Eigenschaftsnamen nicht innerhalb von Objektliteralen selbst verwendet werden können. Um Eigenschaftsnamen für ein Objektliteral dynamisch zu definieren, muss das Objekt zunächst erstellt werden. Anschließend können einzelne Eigenschaften mithilfe der Klammernotation zugewiesen werden.

<code class="javascript">const myObject = {};
const myVar = "name";
myObject[myVar] = "value";</code>

Dies ermöglicht eine bessere Kontrolle über die Eigenschaftsnamen innerhalb eines Objekts.

Das obige ist der detaillierte Inhalt vonWie kann ich dynamische Eigenschaftsnamen in JavaScript-Objektliteralen verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn