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

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

2024/06/11 JavaScript

JavaScriptでオブジェクトのkey及びvalueに変数を指定したかった。「const obj = {key : value}」のように記述したところkeyの方が正常に指定できていないようで呼び出そうとしてもundefinedになった。以下に解決方法をメモ。

ソースコード

const key = 'name';
const value = '鈴木';

const obj = {
    key : value,
}

console.log(obj.name);

上記の記述だと「undefined」が出力される。

const key = 'name';
const value = '鈴木';

const obj = {
    [key] : value,
}

console.log(obj.name);
console.log(obj[key]);

上記の記述だと「鈴木」が出力される。

: jQueryでユーザーが編集可能な文字列をページ上に表示する際にエスケープする方法

GETパラメータを取得し、その内容をページ上に表示したいケースがあった。また、A ...

: jQueryの通知メッセージ用ライブラリ「Toastr」の利用方法

あるサイトのソースコードを拝見しているとToastrというJSファイルをCDNで ...

: JavaScriptでデバッグ時にconsole.log以外のメソッドを利用する方法

JavaScriptでデバッグ時は基本的にconsole.logを使って配列やオ ...

: JavaScriptにて数値のカウントアップ及びカウントダウンを表示する「countUp.js」ライブラリの利用方法

だいぶ前にバニラJSにて数値のカウントアップ及びカウントダウン表示を行う方法をメ ...

: サイトにHTMLエディタ(WYSIWYG)を導入する方法

シンプルで導入が簡単、且つ日本語化されているウィジウィグを探しており、良さそうな ...