Cloning & Merging — spread and Object.assign
Clone and merge objects/arrays using spread and Object.assign; understand shallow copy and overwrite order.
Intro
Goal: Clone and merge objects/arrays safely.
- Spread for clone/merge
- Object.assign
- Overwrite order
- Shallow copy caveat
Spread: object clone
Use {...obj} for a shallow clone. Editing the clone does not change top-level fields in the original.
// Shallow clone with object spread
const user = { name: "Ayla", level: 1 };
const clone = { ...user };
clone.level = 2;
console.log("Original:", user);
console.log("Clone:", clone);
All lessons in this course
- Array CRUD, Iteration; Object Basics & Access
- Cloning & Merging — spread and Object.assign