JavaScript オブジェクトにキーを動的に割り当てるにはどうすればよいですか?

JavaScript オブジェクトでの動的なキーの割り当て

元の質問は、目的のキーが変数に格納されるという、JavaScript でオブジェクトを構築するときに直面する一般的な課題を強調しています。オブジェクト リテラル内で変数をキーとして直接使用すると、キーが目的の変数値ではなく「キー」として設定されます。

この問題に対処するために、提供されている解決策では、最初にオブジェクトを作成してから使用することを提案しています。キーを動的に設定するには括弧表記を使用します。変数名を括弧で囲むと、JavaScript はそれを計算されたプロパティとして解釈し、変数の値をキーとして動的に割り当てます。

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

このアプローチでは、オブジェクト obj が空のキーで作成されます。次に、変数 key が計算されたプロパティとして使用され、キーが目的の値に設定されます。最後に、オブジェクトが配列にプッシュされます。

ES6 で導入された代替方法は、計算されたプロパティ名を使用することです。この機能を使用すると、角括弧構文を使用してオブジェクトのプロパティ名を動的に計算できます。

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

このコードでは、変数 yourKeyVariable がキーを決定する計算されたプロパティ名を使用して obj オブジェクトが作成されます。このアプローチは、JavaScript でオブジェクト キーを動的に設定するための簡潔かつ柔軟な方法を提供します。

以上がJavaScript オブジェクトにキーを動的に割り当てるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。