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で文字列から数値へ変換時に想定していた結果と異なることがあっ ...
-
-
JavaScriptのライブラリ「crypto-js」を使用して暗号化・復号化・ハッシュ化する方法
JavaScriptにてCookie等にデータを保存する際に暗号化したものを保存 ...
-
-
3Dデータ(objファイル)をブラウザ上で表示する方法(JSC3D)
3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件 ...
-
-
LightboxをjQuery無しで実装できる「Luminous」の利用方法
あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...
-
-
Leafletで「leaflet.sprite」プラグインを導入してマーカーの色を変更する方法
LeafletとOpenStreetMapでマップ上にマーカーを複数設置したい。 ...