Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von Variablennamen dynamische Objekteigenschaften in JavaScript erstellen?

Wie kann ich mithilfe von Variablennamen dynamische Objekteigenschaften in JavaScript erstellen?

Susan Sarandon
Freigeben: 2024-12-18 08:20:11
Original
1002 Leute haben es durchsucht

How Can I Create Dynamic Object Properties in JavaScript Using Variable Names?

Dynamische Objekteigenschaften mit variablen Werten in JavaScript erstellen

Trotz der Ähnlichkeit im Namen ist es anders, einem Objekt eine Eigenschaft direkt zuzuweisen den Namen eines Variablenwerts im Vergleich zur Zuweisung des Variablenwerts. Im gegebenen Fall gibt der Zugriff auf myObj.string1 „undefiniert“ zurück, da string1 keine Eigenschaft von myObj ist.

Um das gewünschte Verhalten zu erreichen, bietet JavaScript zwei Optionen:

Punktnotation :

myObj.a = b;
Nach dem Login kopieren

Mithilfe der Punktnotation können Sie den Eigenschaftswert direkt zuweisen, indem Sie den Variablennamen als verwenden Eigenschaftsschlüssel. Allerdings ist dieser Ansatz möglicherweise nicht für dynamisch erstellte Eigenschaftsnamen geeignet.

Klammernotation:

myObj[a] = b;
Nach dem Login kopieren

Klammernotation bietet mehr Flexibilität. Hier enthält die Variable a den Eigenschaftsnamen und der Wert b wird der Eigenschaft zugewiesen. Diese Methode wird für die dynamische Erstellung von Eigenschaftsnamen oder wenn der Eigenschaftsname Sonderzeichen enthält, bevorzugt.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von Variablennamen dynamische Objekteigenschaften in JavaScript erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage