本記事では、JavaScriptでオブジェクトに後からプロパティを追加する方法について解説しています。
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座

メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる


Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!



初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
全プログラマー必見!
変数名/関数名にもう悩まない!
変数名/関数名にもう悩まない!
リーダブルコード


メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)


目次
オブジェクトにプロパティを追加する
オブジェクトにプロパティを追加するには以下のように記述します。
オブジェクト.プロパティ = "値";
オブジェクト["プロパティ"] = "値";
実際にオブジェクトにプロパティを追加してみましょう。
let person = {
id:1,
name:"John"
};
person.age = 25;
person["from"] = "America";
console.log(person); // -> {id:1, name:"John", age:25, from:"America"}
console.logの結果を確認すると、後から追加したageプロパティとfromプロパティが対象のオブジェクトに追加されていることが確認できました。