ブラケット表記とは何ですか? JavaScript のオブジェクト リテラル キーでどのように使用できますか?

オブジェクト リテラル キーの括弧表記を理解する

JavaScript では、角括弧 [ (… ) ] を重要な位置に配置します。この構文により、計算値に基づいてオブジェクト プロパティを動的に指定できます。

次の例を考えてみましょう。

<code class="javascript">let a = "b"
let c = {[a]: "d"}

console.log(c)  // Object {b: "d"}</code>

このコードは、プロパティ "b" をオブジェクト c に割り当てます。 name は変数 a の値に基づいて計算されます。これは、次のコードと同じように動作します。

<code class="javascript">let a = "b"
let c = {}
c[a] = "d"</code>

ES2015 (ES6) では、この計算されたプロパティ名の構文は、オブジェクト キーを動的に生成する便利な方法として導入されました。これは、括弧を使用した同等のプロパティ割り当ての糖衣構文です。

<code class="javascript">c["b"] = "d"</code>

この構文は、ユーザー入力から生成されたキーや実行時に計算されたキーなど、動的キーや複雑なキーを操作する場合に特に便利です。これにより、コードの可読性が向上し、特に事前に不明なオブジェクト キーを扱う場合にプロパティの割り当てが簡素化されます。

以上がブラケット表記とは何ですか? JavaScript のオブジェクト リテラル キーでどのように使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。