TECH MEDIA

テックメディア


プログラミング言語技術開発環境/ツール
初心者必見!便利な辞書キー設定

Javascript で辞書のキーに定数や変数を使う方法【初心者向け】

目次
  1. 01|辞書に定数を用いた時の挙動
  2. 02|辞書に定数を使う方法
  3. 03|サンプルコード

1. 辞書に定数を用いた時の挙動

JavaScript で辞書を使っていると、キーに定数や変数を使いたい場面はよくあると思います。
しかし、以下のように辞書のキー部分に定数を使うと定数名がそのままキーになってしまい、
定義した文字列では値を取り出すことができません

2. 辞書に定数を使う方法

辞書のキーとして定数を渡す際に、以下のように定数を大括弧で囲むと変数・定数の値をキーとして参照するようになります。
大括弧が必要なのは、JavaScriptの言語仕様として、辞書のキーに文字列を使用する際に で囲む必要がなく、
変数・定数なのか文字列リテラルなのかを区別できないためです

3. サンプルコード

他の言語の感覚で書いてしまうと undefined になり、調べてもすぐに解決方法を見つけられなかったため、今回記事を投稿しました。
ちなみに普段は以下のように、TypeScript で enum のキーに対応する値を定義するときによく使用します。

RECRUIT 採用情報

「eビジネスに関わる全ての人を幸せにする」
私達とともに新たな時代をつくりませんか?