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]);

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

: reCAPTCHA v2でAjaxは使わずにチェック状況を確認する方法

reCAPTCHA v2を実装する案件があり以前の記事を参考に組み込んでみたもの ...

: jQueryの画像スライダー用プラグイン「slick」の使い方

jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...

: JavaScriptでランダムなカラーコードを生成する「RandomColor」ライブラリの利用方法

先日PHPでランダムなカラーコードを生成する「RandomColor.php」ラ ...

: Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)

GoogleMapをズームする際にPCだと「Ctrl＋スクロール」、スマホだと「 ...

: jQueryからAjax経由でPHPにリクエストしCookieを操作する方法

先日PHPでCookie保存時にHttpOnly / Secure属性を設定する ...