JavaScript オブジェクト リテラルで動的プロパティ名を使用するにはどうすればよいですか?

JavaScript オブジェクト リテラルの動的プロパティ名

JavaScript では、通常、オブジェクト プロパティにはドット表記または括弧表記を使用してアクセスします。前者は文字列リテラルをプロパティ名としてのみ受け入れますが、後者は柔軟性が高まります。

動的プロパティ名の括弧表記

括弧表記を使用すると、オブジェクト リテラル内のプロパティ名として変数を使用できます。 。これは、ES6 で導入された機能である計算されたプロパティ名によって実現されます。

<code class="javascript">const myVar = "name";
const myObject = {
  [myVar]: "value"
};</code>

上の例では、角括弧を使用してオブジェクト リテラル内のプロパティ名として myVar が使用されています。これは、次の従来のアプローチを使用するのと同じです。

<code class="javascript">const myObject = {
  name: "value"
};</code>

オブジェクト リテラルの制限

計算されたプロパティ名はオブジェクト リテラル自体の中で使用できないことに注意することが重要です。オブジェクト リテラルのプロパティ名を動的に定義するには、最初にオブジェクトを作成する必要があります。その後、括弧表記を使用して個々のプロパティを割り当てることができます。

<code class="javascript">const myObject = {};
const myVar = "name";
myObject[myVar] = "value";</code>

これにより、オブジェクト内のプロパティ名をより詳細に制御できるようになります。

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