Heim > Web-Frontend > js-Tutorial > Wie weist man Objekteigenschaften in JavaScript mithilfe von Variablennamen dynamisch zu?

Wie weist man Objekteigenschaften in JavaScript mithilfe von Variablennamen dynamisch zu?

Mary-Kate Olsen
Freigeben: 2024-12-19 04:28:17
Original
942 Leute haben es durchsucht

How to Dynamically Assign Object Properties in JavaScript Using Variable Names?

So weisen Sie Objekteigenschaften mithilfe von Variablennamen in JavaScript dynamisch zu

Bei der Arbeit mit Objekten in JavaScript kann es nützlich sein, Eigenschaften dynamisch zu erstellen basierend auf den Werten von Variablen. Ein häufiges Szenario ist, wenn Sie eine Variable haben, die den Namen einer gewünschten Eigenschaft enthält, und eine andere Variable, die den Wert für diese Eigenschaft enthält.

Allerdings verwenden Sie die Punktnotation, um einer Objekteigenschaft, deren Name in gespeichert ist, einen Wert zuzuweisen Eine Variable führt oft zu einem undefinierten Wert, wie im folgenden Beispiel zu sehen ist:

var myObj = new Object;
var a = 'string1';
var b = 'string2';
myObj.a = b;

alert(myObj.string1); //Returns 'undefined'
alert(myObj.a); //Returns 'string2'
Nach dem Login kopieren

Um eine Eigenschaft dynamisch mit dem in einer Variablen gespeicherten Namen zu erstellen, können Sie die Klammernotation anstelle der Punktnotation verwenden Notation:

myObj[a] = b;
Nach dem Login kopieren

In dieser Notation ist der Eigenschaftsname in eckige Klammern eingeschlossen, sodass Sie der Eigenschaft string1 den Wert von b zuweisen können.

Das obige ist der detaillierte Inhalt vonWie weist man Objekteigenschaften in JavaScript mithilfe von Variablennamen dynamisch zu?. 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