Heim > Web-Frontend > js-Tutorial > Wie kann ich Objekteigenschaftsnamen in JavaScript dynamisch zuweisen?

Wie kann ich Objekteigenschaftsnamen in JavaScript dynamisch zuweisen?

DDD
Freigeben: 2024-12-26 17:30:18
Original
537 Leute haben es durchsucht

How Can I Dynamically Assign Object Property Names in JavaScript?

Dynamisches Auffüllen von Objekteigenschaften

Der Versuch, ein Objekt mithilfe indirekter Schlüsselnamen zu initialisieren, führte zu einem Fehler, was die Frage aufwirft, wie eine solche Leistung erreicht werden kann. Das gewünschte Ergebnis besteht darin, ein Objekt mit bestimmten Schlüssel-Wert-Paaren zu erstellen, wobei die Schlüsselnamen von einer externen Quelle abgeleitet werden.

Die Lösung liegt jedoch im Bereich des modernen JavaScript. Mithilfe der ES6-Syntax und ihrer Objektliteral-Erweiterungen ist es möglich, Objekteigenschaften basierend auf Variablen dynamisch zu erstellen:

iconMap: {
  [KEYS.PHONE_TYPE]: 'icon-phone',
  [KEYS.AGENT_TYPE]: 'icon-headphones',
};
Nach dem Login kopieren

In diesem Beispiel entsprechen die Objekteigenschaftsnamen den im KEYS-Objekt gespeicherten Werten. Die eckigen Klammern, die die Variable KEYS.PHONE_TYPE einschließen, ermöglichen die dynamische Ableitung des Namens der Eigenschaft zur Laufzeit.

Das obige ist der detaillierte Inhalt vonWie kann ich Objekteigenschaftsnamen in JavaScript dynamisch zuweisen?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage