ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクト リテラルの「{a: a, b: b, c: c}」と「{a, b, c}」の違いは何ですか?

JavaScript オブジェクト リテラルの「{a: a, b: b, c: c}」と「{a, b, c}」の違いは何ですか?

Barbara Streisand
リリース: 2024-12-27 18:56:09
オリジナル
801 人が閲覧しました

What's the Difference Between `{a: a, b: b, c: c}` and `{a, b, c}` in JavaScript Object Literals?

JavaScript のオブジェクト リテラル: {a, b, c} の謎を明らかにする

次のコードを想像してください:

var d = {a: a, b: b, c: c}; // object literal
var e = [a, b, c];          // array
var f = {a, b, c};          // what exactly is this??
ログイン後にコピー

f はどのようなデータ構造なのかという疑問が生じます。これは単なる d のショートカットですか?

この謎を解決するために、オブジェクト リテラル プロパティ値の省略表記 の概念を調べてみましょう。 ES6 で導入されたこの構文は、オブジェクト リテラルを構築する簡潔な方法を提供します。

var f = {a, b, c};
ログイン後にコピー

これは次と同等です。

var f = {a: a, b: b, c: c};
ログイン後にコピー

つまり、 f は、そのオブジェクト リテラルを初期化するオブジェクト リテラルです。既存の変数 a、b、c の値を持つプロパティ。

さらに、省略表現従来のプロパティ初期化と組み合わせることができます:

var f = {a: 1, b, c};
ログイン後にコピー

包括的な理解については、オブジェクト初期化子でのプロパティ定義に関するドキュメントを参照してください。

以上がJavaScript オブジェクト リテラルの「{a: a, b: b, c: c}」と「{a, b, c}」の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート