Object.assign()対応: ES6（ECMAScript 2015）

// コピー元のプロパティをコピー先にコピーします。
Object.assign(コピー先, コピー元)

// 複数のコピー元を指定できます。
Object.assign(コピー先, コピー元1, コピー元2, ...)

// スプレッド構文によるオブジェクトのコピー・結合
var copy = { ...元のオブジェクト };
var merged = { ...オブジェクト1, ...オブジェクト2 };

// オブジェクトのコピーを作成します。
var original = { name: "Kuu", age: 25 };
var copy = Object.assign({}, original);
console.log(copy); // 『{ name: "Kuu", age: 25 }』と出力されます。

// 複数のオブジェクトを結合します。
var defaults = { color: "red", size: "M" };
var custom = { size: "L", weight: 100 };
var result = Object.assign({}, defaults, custom);
console.log(result); // 『{ color: "red", size: "L", weight: 100 }』と出力されます。

// 同じキーがある場合、後のオブジェクトの値で上書きされます。
console.log(result.size); // 『L』と出力されます。

// スプレッド構文でも同じことができます。
var copy2 = { ...original };
console.log(copy2); // 『{ name: "Kuu", age: 25 }』と出力されます。

var merged = { ...defaults, ...custom };
console.log(merged); // 『{ color: "red", size: "L", weight: 100 }』と出力されます。

// コピー先にオブジェクトを直接指定すると、そのオブジェクトが変更されます。
var target = { a: 1 };
Object.assign(target, { b: 2, c: 3 });
console.log(target); // 『{ a: 1, b: 2, c: 3 }』と出力されます。

上記のコードを実行すると、コンソールには以下が出力されます。

{ name: "Kuu", age: 25 }                   // Object.assign でコピー
{ color: "red", size: "L", weight: 100 }   // 複数オブジェクトの結合
"L"                                         // 後のオブジェクトの値で上書きされる
{ name: "Kuu", age: 25 }                   // スプレッド構文でコピー
{ color: "red", size: "L", weight: 100 }   // スプレッド構文で結合
{ a: 1, b: 2, c: 3 }                       // コピー先が直接変更される

『Object.assign()』はコピー元オブジェクトの列挙可能なプロパティをコピー先にコピーするメソッドです。第1引数がコピー先、第2引数以降がコピー元となり、複数のオブジェクトを左から順にマージできます。同じキーが存在する場合は後のオブジェクトの値で上書きされます。

注意点として、『Object.assign()』は浅いコピーを行います。ネストされたオブジェクトや配列は参照がそのままコピーされるため、コピー先で変更するとコピー元にも影響します。深いコピーが必要な場合は structuredClone() や JSON.parse(JSON.stringify()) を使用してください。

ES2018以降はスプレッド構文 { ...obj } を使ったコピー・結合が主流です。スプレッド構文は常に新しいオブジェクトを返すため、意図しない変更を防ぎやすいという利点があります。