ホームページ  >  記事  >  ウェブフロントエンド  >  ES2015 構文で角括弧を使用してオブジェクト リテラル キーを割り当てるにはどうすればよいですか?

ES2015 構文で角括弧を使用してオブジェクト リテラル キーを割り当てるにはどうすればよいですか?

DDD
DDDオリジナル
2024-10-21 11:50:31654ブラウズ

How Can Object Literal Keys Be Assigned Using Square Brackets in ES2015 Syntax?

オブジェクト リテラル キーでの角括弧の使用

オブジェクト リテラル内で角括弧を使用してキーを割り当てる方法を理解するのは難しいかもしれません。この ES2015 構文の背後にある説明を詳しく見てみましょう。

指定したコード スニペット:

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

では、計算されたプロパティ名の構文が使用されています。これは、従来の ES3/5 someObject[ someKey] の割り当て。つまり、次のように展開されます。

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

この構文を使用すると、変数または式に基づいてプロパティ名を動的に生成できるため、オブジェクト構築の柔軟性が高まります。この機能を使用する場合は、例の [a] のように、プロパティ名が角括弧で囲まれていることを確認してください。

以上がES2015 構文で角括弧を使用してオブジェクト リテラル キーを割り当てるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。