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/
関連記事
-
-
jQueryで偶数or奇数行に任意のClassを付与する方法
tableタグの1行目を除く偶数もしくは奇数行のtrタグに任意にClassを指定 ...
-
-
javascriptでのエラーログ
PHPでのエラーログ取りが思いのほか便利だったので JSについても簡単にログ取り ...
-
-
jQueryプラグインのDateTimePickerで年月日と時間のピッカーを実装する方法
jQueryで年月日と時間を選択できるピッカーを導入したかった。以前にboots ...
-
-
jQuery Nice Selectを特定ページのみ無効にする方法
bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...
-
-
AndroidのChromeでハマった点
Nexus7(Android4.3)のChromeでハマった。 iPhoneやG ...