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

Dynamische Schlüsselzuweisung in JavaScript-Objekten

Die ursprüngliche Frage beleuchtet eine häufige Herausforderung beim Erstellen von Objekten in JavaScript, bei denen der gewünschte Schlüssel in einer Variablen gespeichert wird. Die Verwendung der Variablen als Schlüssel direkt im Objektliteral führt dazu, dass der Schlüssel als „Schlüssel“ anstelle des gewünschten Variablenwerts festgelegt wird.

Um dieses Problem zu beheben, schlägt die bereitgestellte Lösung vor, zuerst das Objekt zu erstellen und dann zu verwenden die Klammernotation, um den Schlüssel dynamisch festzulegen. Indem JavaScript den Variablennamen in Klammern setzt, interpretiert er ihn als berechnete Eigenschaft und weist den Wert der Variablen dynamisch als Schlüssel zu.

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

Bei diesem Ansatz wird das Objekt obj mit einem leeren Schlüssel erstellt. Anschließend wird die Variable key als berechnete Eigenschaft verwendet und der Schlüssel auf den gewünschten Wert gesetzt. Schließlich wird das Objekt in das Array verschoben.

Eine in ES6 eingeführte alternative Methode ist die Verwendung berechneter Eigenschaftsnamen. Mit dieser Funktion können Sie die Eigenschaftsnamen eines Objekts mithilfe der eckigen Klammersyntax dynamisch berechnen:

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

In diesem Code wird das obj-Objekt mit einem berechneten Eigenschaftsnamen erstellt, wobei die Variable yourKeyVariable den Schlüssel bestimmt. Dieser Ansatz bietet eine übersichtliche und flexible Möglichkeit, Objektschlüssel in JavaScript dynamisch festzulegen.

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