Wie weist man Objektschlüssel in JavaScript mithilfe von Variablen dynamisch zu?

JavaScript-Objektschlüsselzuweisung mithilfe von Variablen

Beim Erstellen von JavaScript-Objekten und deren Speicherung in einem Array kann es zu einem Problem mit dem Objektschlüssel kommen wird auf „key“ gesetzt und nicht auf den gewünschten, einer Variablen zugewiesenen Wert. Dieser Artikel bietet eine Lösung für dieses Problem, indem er erklärt, wie Variablen zum dynamischen Festlegen von Objektschlüsseln verwendet werden.

Der Standardansatz mit . Die Notation erlaubt keine dynamische Tastenzuweisung:

var key = "happyCount";
myArray.push({ key: someValueArray });

Um dies zu erreichen, ändern Sie den Code:

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

Dieser Code erstellt zunächst ein leeres Objekt, obj. Anschließend weisen Sie mithilfe der eckigen Klammernotation die Variable key als Schlüssel und someValueArray als Wert zu. Dies ermöglicht die dynamische Schlüsselzuweisung aus einer Variablen.

ES6 Berechnete Eigenschaftsnamen

ECMAScript 2015 (ES6) führte berechnete Eigenschaftsnamen ein, die eine präzisere Syntax bieten:

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

Dieser Code verwendet eckige Klammern innerhalb der Objektliteralnotation, um den Namen der Objekteigenschaft dynamisch zu berechnen die yourKeyVariable.

Diese Lösung bietet eine flexible Möglichkeit, Objektschlüssel mithilfe von Variablen zuzuweisen, sodass Sie Objekte dynamisch mit unterschiedlichen Schlüsseln füllen können.

Das obige ist der detaillierte Inhalt vonWie weist man Objektschlüssel in JavaScript mithilfe von Variablen dynamisch zu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!