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

// 問題1. 同名プロパティがある複数のオブジェクトを基に、後に渡されたプロパティで同名プロパティを更新して1つのオブジェクトにまとめる
const personObject = { userName: 'John', city: 'New York' }
const dataObject = { city: 'Tokyo', job: 'Engineer' }
// この下に解答してください
const mergedUserObject = { ...personObject, ...dataObject }
console.log(mergedUserObject)

// 問題2. 同名プロパティがない複数のオブジェクトを基に、後に渡されたプロパティで既存のプロパティを更新して1つのオブジェクトにまとめる
const sampleObject = { itemName: 'SmartPhone', price: 100000 }
const detailsObject = { color: 'black', capacity: '256GB' }
// この下に解答してください
const mergedItemObject = { ...sampleObject, ...detailsObject, color: 'white' }
console.log(mergedItemObject)


// 問題1. 同名プロパティがある複数のオブジェクトを基に、後に渡されたプロパティで同名プロパティを更新して1つのオブジェクトにまとめる
const personObject = { userName: 'John', city: 'New York' }
const dataObject = { city: 'Tokyo', job: 'Engineer' }
// この下に解答してください
const mergedUserObject = {}

// 問題2. 同名プロパティがない複数のオブジェクトを基に、後に渡されたプロパティで既存のプロパティを更新して1つのオブジェクトにまとめる
const sampleObject = { itemName: 'SmartPhone', price: 100000 }
const detailsObject = { color: 'black', capacity: '256GB' }
// この下に解答してください
const mergedItemObject = {}


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

オブジェクトをコピー

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

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

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

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

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

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

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

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

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

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

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

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