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で年齢計算。 ■ソース function ageCalcul ...
-
-
横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法
横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...
-
-
LightboxをjQuery無しで実装できる「Luminous」の利用方法
あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...
-
-
jQueryで要素を移動する方法のまとめ
jQueryで要素を移動する際、insertBefore / insertAft ...
-
-
jQueryで偶数or奇数行に任意のClassを付与する方法
tableタグの1行目を除く偶数もしくは奇数行のtrタグに任意にClassを指定 ...