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

  • 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)の方が良いかな、と個人的に思ってます。