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

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

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

let a = "b"
let c = {[a]: "d"}

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

var a = "b"
var c = {}
c[a] = "d"

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