※このブログではサーバー運用、技術の検証等の費用のため広告をいれています。
記事が見づらいなどの問題がありましたらContactからお知らせください。

javascriptで変数の値をObjectのキーとして設定する方法解説

web開発 javascript フロント開発

投稿日：2020年9月21日

変数の値をObjectのキーとして使いたい

Javascriptで変数で定義した値をObjectのキーとして設定したい場合、そのままキーにしようとするとその変数名がキーになってしまい思う通りにできません。

const a = "car";
const sampleObj = 
      {a:100};
console.log(sampleObj);

出力

> {a: 100}

理想では{car:100}となって欲しかったのに変数名のaがキーで設定されてしまいました。

まずはObjectを定義してからそのあとブラケットを使ってプロパティを定義してあげます。

const a = "car";
const sampleObj = new Object();
console.log(sampleObj);

出力

> {car: 100}

ES2015以降のJSでは変数にブラケットをつけることでcomputed property nameという記法を使うことができます。

const a = "car";
const sampleObj = {
    [a]:100
};
console.log(sampleObj);

出力

> {car: 100}

記事へのコメント