JavaScriptの連想配列のキーに変数を指定する

auです。

今後は入社前研修の勉強を一日1つずつくらいのペースで終わらせないとやばいという自体に気づいてしまいました。

今回はJavaScriptの連想配列で変数を指定する方法について調べました。

var key = 'hoge';
var associative_array = {key: 'value'};

console.log(associative_array);
{key: "value"}

こんな感じで、keyという変数名にhogeという値を代入しているので、キー名がhogeとなりそうですが、実際には「key」となっています。
変数名ではなく、キー名がそのまま割り当てられています。

これを解決するには以下のようにします。

var associative_array = {[key]: 'value'};

console.log(associative_array);
{hoge: "value"}

キー名を[]で括って上げると無事に変数名でキーを指定することができました！

少しハマってしまったポイントでもあったので、知っておくと便利かもしれません。