【Javascript】オブジェクトのキーに変数を指定する方法

（1）キーに [変数] を指定して展開する

オブジェクトのキーを指定する箇所で変数名をブラケット（[…]）で囲むと、変数展開できます。

const key = 'hogeKey'
const obj = {
  [key]: 'テキストです'
}

obj.hogeKey
<- 'テキストです'

（2）オブジェクト[変数] で割り当てる

Javascript では、オブジェクトの値を代入したり、取得したりする時に下記の二つが使えます。

• obj.keyName
• obj[‘keyName’]

後者のobj['keyName']であれば、文字列ではなく変数を指定することもできます。

const obj = {}
const key = 'hogeKey'
obj[key] = 'テキストです'

obj.hogeKey
<- 'テキストです'

JavaScript はオブジェクトを扱うときにドットを使うことが多いので、なるべくブラケットは使わずに（1）の方が良いかな、と個人的に思ってます。