Javascriptのobjectのkeyに変数を使う方法

Javascriptのobjectのkeyに変数を使う方法を紹介します。

例えば、下記のようにfruitのobjectを作り、appleという変数名を使って、keyとして登録する時のやり方を紹介します。

const apple = "apple"
const fruit = {
 "banana": 1,
}

これは[varibale]: valueという形をとることで実現することができます。 具体的には、下記のように[]の中には変数を入れて、[]: valueのvalueのところに値を入れることで、 変数をobjectのkeyとして使うことができます。

const apple = "apple"
const fruit = {
 "banana": 1,
 [apple]: 2,
} //=> {"banana": 1, "apple": 2}

また、これはComputed property namesという機能名で、動的にobjectを作成できる機能となります。

参考: JavaScript set object key by variable