Object.assign()
を使用した方法
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const result1 = Object.assign(obj1, obj2);
console.log(result1);
// => { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }
const obj3 = { a: 1, b: 2, c: 3 };
const obj4 = { a: 4 };
const result2 = Object.assign(obj3, obj4);
console.log(result2);
// 同じKeyの値がある場合、第2引数のものに上書きされる
// => { a: 4, b: 2, c: 3 }
スプレッド構文を使用した方法
@shiracamus 様にコメントで教えていただきました、ありがとうございます。
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const result1 = { ...obj1, ...obj2 }
console.log(result1);
// => { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }
const obj3 = { a: 1, b: 2, c: 3 };
const obj4 = { a: 4 };
const result2 = { ...obj3, ...obj4 }
console.log(result2);
// 同じKeyの値がある場合、2つ目のものに上書きされる
// => { a: 4, b: 2, c: 3 }