Heim > Artikel > Web-Frontend > Wie erstelle ich dynamische Schlüssel in JavaScript-Objekten?
Dynamische Schlüssel in JavaScript-Objekten erstellen
Bei dem Versuch, Schlüssel dynamisch zu einem Objekt hinzuzufügen, führt der folgende Ansatz möglicherweise nicht zum gewünschten Ergebnis :
jsObj = {}; for (let i = 1; i <= 10; i++) { jsObj{'key' + i} = 'example ' + 1; }
Um dynamische Schlüssel zu erstellen, muss die eckige Klammernotation innerhalb der Schleife verwendet werden:
jsObj['key' + i] = 'example ' + 1;
Objekteigenschaften und Array-Verhalten verstehen
JavaScript-Objekte können Eigenschaftsnamen haben, die numerische Zeichenfolgen sind (z. B. „0“, „5“, „207“). Das Verhalten von Array-Instanzen unterscheidet sich jedoch erheblich:
Dieses Verhalten hat keinen Einfluss auf die Funktion des eckigen Klammeroperators, der den Zugriff und die Änderung von Objekteigenschaften ermöglicht.
Eigenschaften mit numerischen Namen festlegen
Beim Festlegen von Eigenschaften mit numerischen Namen unter Verwendung der eckigen Klammernotation geschieht Folgendes:
Daher kann die Verwendung von Arrays zum Speichern numerischer Eigenschaften von Vorteil sein, wenn die Längeneigenschaft beibehalten werden soll.
Überlegungen zur JSON-Serialisierung
Bei der Arbeit mit der JSON-Serialisierung ist es wichtig zu beachten, dass nur numerisch benannte Eigenschaften von Arrays in der serialisierten Form enthalten sind. Alle anderen hinzugefügten Eigenschaften gehen verloren.
ES2015 Berechnete Eigenschaftsnamen
In ES6 JavaScript können berechnete Eigenschaftsnamen einfach zur Verarbeitung dynamischer Schlüssel verwendet werden:
let key = 'DYNAMIC_KEY', obj = { [key]: 'ES6!' }; console.log(obj); // { 'DYNAMIC_KEY': 'ES6!' }
Das obige ist der detaillierte Inhalt vonWie erstelle ich dynamische Schlüssel in JavaScript-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!