JavaScript で変数を使用してオブジェクト キーを動的に設定するにはどうすればよいですか?

JavaScript で変数を使用してオブジェクト キーを設定する

JavaScript では、オブジェクトを構築するときに、変数を使用してキーの値を動的に設定したい場合があります。ただし、一般的なオブジェクト初期化構文に従うだけでは、キーが意図した値ではなく変数の名前に設定されていることがわかります。

問題の説明

次のコード スニペットは、この問題を示しています。

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

この操作の後に myArray を検査すると、各オブジェクトのキーが、キーに格納されている意図された値ではなく、「key」であることがわかります。 variable.

解決策: 最初にオブジェクトを作成する

この問題を解決するには、括弧表記 [] を使用してキーを設定する前にオブジェクトを作成します。この構文を使用すると、キーの値を変数から動的に設定できます。

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

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

これで、作成されたオブジェクトのキーはキー変数の値に設定されます。

ECMAScript 2015 Computedプロパティ名

ECMAScript 2015 (ES6) では、計算されたプロパティ名という機能が導入されました。これにより、オブジェクト キーを動的に定義する際の柔軟性がさらに高まります。この構文では、角括弧 [] を使用してプロパティ名を囲みます。これには有効な JavaScript 式を使用できます。

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

const obj = {
    [yourKeyVariable]: someValueArray,
};

このコードは、前の解決策と同じ結果を達成しますが、計算されたプロパティ名の構文を使用します。より簡潔かつ表現力豊かに。

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