JavaScriptでオブジェクトのキーに変数を指定する方法
JavaScriptでオブジェクトのkey及びvalueに変数を指定したかった。「const obj = {key : value}」のように記述したところkeyの方が正常に指定できていないようで呼び出そうとしてもundefinedになった。以下に解決方法をメモ。
ソースコード
NGパターン
const key = 'name'; const value = '鈴木'; const obj = { key : value, } console.log(obj.name);
上記の記述だと「undefined」が出力される。
OKパターン
const key = 'name'; const value = '鈴木'; const obj = { [key] : value, } console.log(obj.name); console.log(obj[key]);
上記の記述だと「
」が出力される。
参考サイト
https://engineering.webstudio168.jp/2023/04/javascript-obj-key-variables/
関連記事
-
-
JavaScriptで指定した変数が未定義(未宣言)かチェックする方法
JavaScriptで指定した変数が未定義(未宣言)かチェックしたいというケース ...
-
-
SortableJSを使ってデータの並べ替え&保存
あるシステムを拝見した際にtableタグ内に並んでいる項目をドラッグ&ド ...
-
-
Gif画像に再生ボタンを設置し、ユーザーの操作により再生⇔停止が行える「gifffer」ライブラリの利用方法
あるページにGif画像を設置し、当該画像が表示されても自動再生させず、再生ボタン ...
-
-
JavaScriptで三項演算子の中に三項演算子
既存のソースを作り変えている際によく分からないソースがあった。 だいぶ書き換えて ...
-
-
Leafletにアイコン(ボタン)を設置できる「Leaflet.EasyButton」プラグインの利用方法
先日「leaflet-tag-filter-button」プラグインのCDN呼び ...