オブジェクト リテラル プロパティ名で角かっこを使用する場合とその理由は?

オブジェクト リテラル プロパティ名の括弧について

JavaScript では、オブジェクト リテラルは、データをキーと値のペアとして表すために一般的に使用されます。ただし、あまり馴染みのない構文では、プロパティ名を角括弧で囲みます。この構文の重要性を見てみましょう。

計算されたプロパティ名

ES6 で導入された角括弧により、計算されたプロパティ名の作成が可能になります。静的な文字列である従来のプロパティ名とは異なり、計算されたプロパティ名は実行時に評価される動的式にすることができます。

例:

dist: {
    files: {
      [bpr + 'lib/Monster.min.js']: ['<%= concat.dist.dest %>']
    }
  }
}

この例では、プロパティ名前は、bpr 'lib/Monster.min.js' という式を使用して動的に生成されます。この機能を使用すると、動的変数やその他の計算に基づいてプロパティ名を定義できます。

使用例

計算されたプロパティ名は、次の場合に特に役立ちます。

• ユーザー入力または外部データに基づいて動的なプロパティ名を作成したいと考えています。
• 次のことが必要です。変数または式を使用して、オブジェクトのプロパティにアクセスします。
• プロパティ名の作成に文字列の連結を使用することは避けたいと考えています。

MDN 定義

Mozilla Developer Network (MDN) は計算されたプロパティ名を定義しますas:

"ECMAScript 2015 以降、オブジェクト初期化構文は計算されたプロパティ名もサポートします。これにより、プロパティ名として計算される式を括弧 [] で囲むことができます。"

以上がオブジェクト リテラル プロパティ名で角かっこを使用する場合とその理由は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。