複数のオブジェクトを基に新しくプロパティを追加し、1つのオブジェクトにまとめる

// 問題1. 複数のオブジェクトを基に新しくプロパティを追加し、1つのオブジェクトにまとめよう
const personObject = { userName: 'John', age: 20 }
const dataObject = { city: 'New York', job: 'Engineer' }
// この下に解答してください
const mergedUserObject = { ...personObject, ...dataObject, hobby: 'Soccer' }
console.log(mergedUserObject)


// 問題1. 複数のオブジェクトを基に新しくプロパティを追加し、1つのオブジェクトにまとめよう
const personObject = { userName: 'John', age: 20 }
const dataObject = { city: 'New York', job: 'Engineer' }
// この下に解答してください
const mergedUserObject = {}


複数のオブジェクトと共通のプロパティを持つ新しいオブジェクトを生成

オブジェクトをコピー

オブジェクトのコピーを作成

既存のオブジェクトを基にプロパティを追加し、新しいオブジェクトを生成

既存のオブジェクトのプロパティを基に新しいオブジェクトを生成

既存のオブジェクトのプロパティの値を更新して、新しいオブジェクトを生成

【演習】既存のオブジェクトを基に、新しいオブジェクトを生成

オブジェクトを1つにまとめる

複数のオブジェクトを1つにまとめる

複数のオブジェクトを基にプロパティを更新して、新しいオブジェクトを生成

複数のオブジェクトを基にプロパティの値を更新して、新しいオブジェクトを生成

【演習】複数のオブジェクトを基に、新しいオブジェクトを生成

オブジェクト操作の基本を学び、複数のデータを効率的に扱う方法を習得します。
コピー、更新、マージなどの概念も扱い、オブジェクトの本質を把握します。

webサイトに動きをつけたり、表示内容を切り替えたり、formの入力を制御するなど様々な処理について学んでいきます