DEV Community

Daniel Zotti
Daniel Zotti

Posted on

#LearnedToday: structuredClone()

πŸ‘€ I figured out that a lot of #devs don’t know about the #standard #JavaScript method to create a #deepcopy of an object.

πŸ™…β€β™‚οΈ The time of #lodash or nested #spreadoperators (or worse, JSON.parse()+JSON.stringify() is over!

😎 Now you can create a #deepclone of an object using the global method structuredClone(). Its syntax is straightforward and it just works! Moreover, it's well supported nowadays.

const daniel = { name: "Daniel" };

const danielCloned = structuredClone(daniel);
Enter fullscreen mode Exit fullscreen mode

πŸ—„ Docs: https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

β„Ή Browser support: https://caniuse.com/?search=structuredClone

Top comments (3)

Collapse
 
tqbit profile image
tq-bit

I can confidently say this is one of the most useful things I've learned this year

Collapse
 
tracygjg profile image
Tracy Gilmore

Hi Daniel, I think you have a typo in the title "strucuredClone" should be "structuredClone".

Collapse
 
danielzotti profile image
Daniel Zotti

Thank you so much Tracy! I fixed it :)