Heim > Web-Frontend > js-Tutorial > Wie kann ich mithilfe von Variablen dynamisch Eigenschaften zu JavaScript-Objekten hinzufügen?

Wie kann ich mithilfe von Variablen dynamisch Eigenschaften zu JavaScript-Objekten hinzufügen?

Patricia Arquette
Freigeben: 2024-12-10 18:00:30
Original
771 Leute haben es durchsucht

How Can I Dynamically Add Properties to JavaScript Objects Using Variables?

Dynamisches Erstellen von Objekteigenschaften durch Variablen

Wenn Sie versuchen, einem Objekt in JavaScript neue Eigenschaften hinzuzufügen, kann es sich als einschränkend erweisen, sich ausschließlich auf die Punktnotation zu verlassen. Erwägen Sie die Notwendigkeit, einen in einer Variablen gespeicherten Eigenschaftsnamen zuzuweisen. In solchen Situationen liegt die Antwort in der Verwendung der Klammernotation.

Stellen Sie sich ein Objekt mit dem treffenden Namen myObj vor, dem die gewünschte Eigenschaft string1 fehlt. Unter Verwendung der Punktnotation können Sie Folgendes versuchen:

var myObj = new Object;
var a = 'string1';
var b = 'string2';
myObj.a = b;
Nach dem Login kopieren

Beim Untersuchen von myObj werden Sie feststellen, dass die Eigenschaft „string1“ weiterhin schwer fassbar ist und durch „a“ ersetzt wurde. Hier glänzt die Klammernotation:

myObj[a] = b;
Nach dem Login kopieren

Diese Änderung gewährt myObj die Eigenschaft „string1“ mit dem Wert „string2“. Der Schlüssel zu diesem Erfolg liegt darin, den Eigenschaftsnamen als Zeichenfolge in Klammern zu behandeln, was eine dynamische Eigenschaftserstellung ermöglicht.

Das obige ist der detaillierte Inhalt vonWie kann ich mithilfe von Variablen dynamisch Eigenschaften zu JavaScript-Objekten hinzufügen?. 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