JavaScript オブジェクトで動的プロパティの割り当てを実現するにはどうすればよいですか?

オブジェクト リテラルでの動的なキーの割り当て

JavaScript では、角括弧 ([) は配列のインデックスを指定するだけでなく、オブジェクト内でも使用されます。リテラルを使用して計算されたプロパティ名を作成します。これにより、式または変数に基づいてオブジェクトのキーを動的に生成できます。

例:

次のコードを考えてみましょう:

<code class="js">let a = "b";
let c = { [a]: "d" };
console.log(c); // Object { b: "d" }</code>

この例では、[a] を囲む角括弧により、変数 a の値をオブジェクト プロパティのキーとして使用できます。最終的に、キーが b で値が d のオブジェクトが作成されます。

仕組み:

この構文は ES2015 (ES6) で導入され、次のようになります。計算されたプロパティ名の構文として知られています。これは、次の割り当ての短縮形を提供します:

<code class="js">var a = "b";
var c = {};
c[a] = "d";</code>

動的キーにドット表記 (例: c.a) または括弧表記 (例: c["a"]) を使用する代わりに、計算されたプロパティ名を使用します。

利点:

計算されたプロパティ名により、特に動的または複雑なデータ構造。これらにより、計算、ユーザー入力、またはその他のプログラム ロジックに基づいてオブジェクト キーを簡単に生成できます。

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