JavaScript Object.assign 関数を使ってオブジェクトをコピーするサンプル

2024年3月23日

環境
Google Chrome　123.0.6312.58（Official Build） （64 ビット）
Windows 11 Pro 64bit

構文
Object.assign(dest[, src1, src2, src3…])
最初の引数 dest はターゲットとなるオブジェクトです。
引数 src1, …, srcN (必要なだけ) は元となるオブジェクトです。
すべてのオブジェクト src1, …, srcN のプロパティを dest にコピーします。

使用例

let user = { name: "Tasaki" };

let permissions1 = { canView: true };
let permissions2 = { canEdit: true };

// permissions1 and permissions2 のすべてのプロパティを user にコピー
Object.assign(user, permissions1, permissions2);

// now user = { name: "Tasaki", canView: true, canEdit: true }

既に同じプロパティ名のものをもっていた場合、上書きします
let user = { name: “Tasaki" };

Object.assign(user, { name: “Pete" });

alert(user.name); // now user = { name: “Pete" }