Heim >Web-Frontend >js-Tutorial >Wie erstelle ich dynamische Schlüssel in JavaScript-Objekten?

Wie erstelle ich dynamische Schlüssel in JavaScript-Objekten?

Susan Sarandon
Susan SarandonOriginal
2024-11-06 09:47:031044Durchsuche

How to Create Dynamic Keys in JavaScript Objects?

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:

  • Arrays behalten eine Längeneigenschaft bei, die die Anzahl der numerischen Eigenschaftsnamen plus eins angibt.
  • Durch das Festlegen der Längeneigenschaft werden numerische Eigenschaftsnamen entfernt.

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:

  • In einer Array-Instanz wird die Längeneigenschaft aktualisiert, wenn der numerische Name der größte vorhandene ist.
  • In einem einfachen Objekt tritt dieser Nebeneffekt nicht auf.

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!

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