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

JavaScriptでJSONデータを読み込み・HTMLへ出力する方法

2022.10.16
23699
HTMLCSS JavaScript

スクロールバーが表示されない。SimpleBarを使おう!【即解決】

更新日:2022.09.09
10046
JavaScript

【JavaScript】親要素から子要素を取得する方法

2023.01.30
5577
JavaScript

JavaScriptで連想配列をループで取り出す方法

2022.11.21
10974