勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptでオブジェクトのキーに変数を指定する方法

  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

  関連記事

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...

JavaScriptで配列やオブジェクトの中身をブラウザに表示する方法

JavaScriptで配列やオブジェクトの中身を確認したい場合、console. ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

LightboxをjQuery無しで実装できる「Luminous」の利用方法

あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...

JavaScriptにて「loglevel」ライブラリを利用して環境及びレベルによりログを出し分けする方法

JavaScriptにて何らかの確認の際にconsole.logを使うことが多い ...