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

Wie kann ich Objekteigenschaftsnamen in JavaScript dynamisch zuweisen?

DDD
DDDOriginal
2024-12-26 17:30:18552Durchsuche

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',
};

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!

Stellungnahme:
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