Wie kann ich Schlüssel in JavaScript-Objekten dynamisch zuweisen?

Dynamische Schlüsselzuweisung in JavaScript-Objekten

Beim Erstellen von JavaScript-Objekten kann die dynamische statt statische Zuweisung von Schlüsseln hilfreich sein. Die einfache Verwendung von Variablen als Schlüsselnamen kann jedoch zu unerwartetem Verhalten führen, sodass stattdessen „key“ als Eigenschaftsschlüssel verwendet wird.

Lösung 1: Objektinitialisierung mit Klammern

Um den Objektschlüssel dynamisch anzugeben, müssen Sie zunächst ein leeres Objekt erstellen und dann eckige Klammern ([]) verwenden, um den Schlüsselwert festzulegen Paar:

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);

Lösung 2: Berechnete Eigenschaftsnamen (ES6)

ES6 führte berechnete Eigenschaftsnamen ein, die eine dynamische Schlüsselzuweisung innerhalb der Objektliteralnotation ermöglichen:

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

Beispiel Fiddle:

Eine praktische Demonstration finden Sie in dieser verbesserten Fiddle: https://jsfiddle.net/Fr6eY/4/

Das obige ist der detaillierte Inhalt vonWie kann ich Schlüssel in JavaScript-Objekten dynamisch zuweisen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!