Written by Kasumi

JavaScriptでオブジェクトのプロパティに変数を追加する方法

JavaScriptでオブジェクトのプロパティに変数を追加したい。

本記事ではこのような悩みを解決。

実装例を元に解説します。

オブジェクトのプロパティに変数を追加するコード例

// 変数 S
const s = "prop4";

obj = {
  prop1: 1,
  prop2: 2,
  prop3: 3,
  [s]: 4 //変数sを追加
}

console.log(obj);
//コンソール出力結果
//{prop1: 1, prop2: 2, prop3: 3, prop4: 4}

オブジェクトのプロパティに変数を追加するコード例です。

objオブジェクトにs変数を追加してます。

プロパティに変数を追加したい場合は鉤括弧[]を使います。

追加したい箇所に[変数名]を代入するだけでOKです。

まとめ

JavaScriptでオブジェクトのプロパティに変数を追加する方法について紹介しました。

以上で解説を終わります。

目次

関連記事

JavaScript

IEブラウザか、その他以外のブラウザかを判定し、条件分岐・判別する方法【Javascript】

更新日:2022.09.09
1178
JavaScript

マウスでホバー出来る端末以外はCSSで装飾した:hoverを無効にする方法【メディアクエリで解決】

2022.12.27
6200
JavaScript

JavaScriptを使って別ページにリダイレクトさせる方法

2022.12.13
1445
JavaScript

【JavaScript】fetchメソッドを使ってJSONを非同期で読み込み・HTMLに出力する方法

2023.01.02
5058