ホームページ  >  記事  >  ウェブフロントエンド  >  計算されたプロパティ名により、JavaScript でのオブジェクト リテラルの作成がどのように簡素化されるのでしょうか?

計算されたプロパティ名により、JavaScript でのオブジェクト リテラルの作成がどのように簡素化されるのでしょうか?

Susan Sarandon
Susan Sarandonオリジナル
2024-11-03 17:12:30388ブラウズ

How Can Computed Property Names Simplify Object Literal Creation in JavaScript?

JavaScript オブジェクト リテラルでの計算プロパティ名の使用

JavaScript では、計算プロパティ名を利用してオブジェクト内でプロパティを動的に定義できます。リテラル。これにより、次の例のように、変数の値をプロパティ名として割り当てることができます。

var myVar = "name";
var myObject = { [myVar]: "value" };

ES6 より前

ES6 の導入前は、これを実現するには、角かっこ表記を使用する必要がありました。

var myObject = {};
var myVar = "name";
myObject[myVar] = "value";

ただし、このアプローチでは、最初にオブジェクトを作成し、その後各プロパティを個別に割り当てる必要があり、簡潔さが損なわれます。

ES6 と計算プロパティ名

ES6 の登場により、計算プロパティ名の構文が登場しました。

[myVar]: "value"

この構文では、変数の値を変数として直接割り当てることができます。オブジェクト リテラル内のプロパティ名を使用して、プロセスを簡素化します。

以上が計算されたプロパティ名により、JavaScript でのオブジェクト リテラルの作成がどのように簡素化されるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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