#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);

🗄 Docs: https://developer.mozilla.org/en-US/docs/Web/API/structuredClone

ℹ Browser support: https://caniuse.com/?search=structuredClone

Comments

[tq-bit]

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

[Tracy Gilmore]

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

[Daniel Zotti]

Thank you so much Tracy! I fixed it :)