変数を使用してJavaScriptでオブジェクトキーを動的に割り当てる方法

変数を使用した JavaScript オブジェクトのキーの割り当て

JavaScript オブジェクトを作成して配列に格納するときに、オブジェクト キーが変数に割り当てられる目的の値の代わりに「key」に設定されます。この記事では、変数を使用してオブジェクト キーを動的に設定する方法を説明することで、この問題の解決策を提供します。

を使用するデフォルトのアプローチ。表記法では動的なキーの割り当てが許可されていません:

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

これを実現するには、コードを変更します:

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

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

このコードは、最初に空のオブジェクト obj を作成します。次に、角かっこ表記を使用して、変数 key をキーとして割り当て、someValueArray を値として割り当てます。これにより、変数からの動的なキー割り当てが可能になります。

ES6 計算プロパティ名

ECMAScript 2015 (ES6) では、より簡潔な構文を提供する計算プロパティ名が導入されました。

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

このコードはオブジェクト リテラル内で角括弧を利用していますyourKeyVariable からオブジェクト プロパティの名前を動的に計算するための表記法を使用します。

このソリューションは、変数を使用してオブジェクト キーを割り当てる柔軟な方法を提供し、オブジェクトにさまざまなキーを動的に設定できるようにします。

以上が変数を使用してJavaScriptでオブジェクトキーを動的に割り当てる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。