Heim > Web-Frontend > js-Tutorial > Wie erstelle ich JavaScript-Objekteigenschaften mithilfe von Variablennamen?

Wie erstelle ich JavaScript-Objekteigenschaften mithilfe von Variablennamen?

Mary-Kate Olsen
Freigeben: 2024-12-08 16:42:10
Original
961 Leute haben es durchsucht

How to Create JavaScript Object Properties Using Variable Names?

Objekteigenschaften aus Variablenwerten in JavaScript erstellen

In JavaScript kann das Hinzufügen von Eigenschaften zu einem Objekt auf verschiedene Arten erfolgen. Eine gängige Methode ist die Verwendung der Punktnotation, mit der Sie eine Eigenschaft mit demselben Namen wie die von Ihnen angegebene Variable erstellen können. Wenn Sie jedoch eine Eigenschaft mit einem in einer Variablen gespeicherten Namen erstellen möchten, müssen Sie einen anderen Ansatz verwenden.

Um eine Objekteigenschaft aus einem Variablenwert zu erstellen, können Sie die Klammernotation verwenden. Bei dieser Methode schließen Sie den Eigenschaftsnamen in eckige Klammern ein und weisen ihm den Wert der Variablen zu. Hier ist ein Beispiel:

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

Wie Sie sehen, können Sie mit der Klammernotation eine Eigenschaft erstellen, deren Name in der Variablen „a“ gespeichert ist. Das Ergebnis von „alert(myObj.string1)“ ist „undefiniert“, da das Objekt keine Eigenschaft mit dem Namen „string1“ hat. Alert(myObj.a) gibt jedoch „string2“ zurück, was wir der Eigenschaft mithilfe der Variablen „a“ zugewiesen haben.

Die Klammernotation ist besonders nützlich, wenn Sie Objekteigenschaften basierend auf dynamisch erstellen möchten Benutzereingaben oder andere dynamische Daten, was eine größere Flexibilität beim Erstellen von JavaScript-Anwendungen bietet.

Das obige ist der detaillierte Inhalt vonWie erstelle ich JavaScript-Objekteigenschaften mithilfe von Variablennamen?. 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