勉強したことのメモ

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

  関連記事

異なる文字コード間でform送信する

formの送り手がUTF-8で受け手がEUC-JP、 なんとかしてjavascr ...

国土地理院のAPIを使用して無料でジオコーディング(住所→経度緯度)を行う方法

GoogleMapAPIでジオコーディングをするには、支払い情報を登録したアカウ ...

tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法

tableのtd内にcheckboxを設置し、td部分をクリックすることでche ...

jQueryのトースト(通知)用ライブラリ「iziToast.js」の利用方法

システム構築の際、エラー表示をJavaScriptのアラートではなくトースト(通 ...

JavaScriptにてHTML文字列をDOMノードに変換する方法

先日jQueryにて$.parseHTML()を用いてHTML文字列をDOMノー ...