04
Sep
1. Simple Object Cloning: The Basics Using {...obj} (Shallow Copy) const original = { name: "Alice", details: { age: 25 } }; const shallowCopy = { ...original }; shallowCopy.details.age = 30; console.log(original.details.age); // 30 console.log(shallowCopy.details.age); // 30 Enter fullscreen mode Exit fullscreen mode What's happening? The spread operator {...obj} only creates a shallow copy. The details object is not deeply cloned, so changes to shallowCopy.details affect the original details as well. Using JSON.stringify() + JSON.parse() (Deep Copy) const original = { name: "Alice", details: { age: 25 } }; const deepCopy = JSON.parse(JSON.stringify(original)); deepCopy.details.age = 30; console.log(original.details.age); // 25 console.log(deepCopy.details.age);…
![[Flatiron SE] Day 3: 08/30/24](https://pulsatingnews.xyz/wp-content/uploads/2024/08/Flatiron-SE-Day-3-083024-800x500.png)
