How To Make a DEEP Copy in JavaScript (No Libraries and No Hacks!)

[@jasonrm999]

StructuredClone is actually a web API (like setTimeout, etc), not part of JS. If the object contains methods, structuredClone will throw an exception, the JSON hack will strip them for the new object without erroring,

[@ongke3655]

Really? That's suck

[@purelianii]

it also throws an error on proxy objects

[@deckyfx2188]

What version of NodeJS does it support? Also what about an Instance object? not JSON object but an object yielded by `new Class()`, and does it also clone the object methods?

[@sateeshnaidu900]

Thanks for sharing the info James

[@universecode1101]

Great and important topic on JavaScript James. Master JS is so important 🙂

[@michaelkrison]

hey James, which theme are you using?

[@AjayKumar-hg2je]

Thank you so much. This is problem that I faced last week, made me worth following you :p

[@manojjangid6213]

Thanks for this valuable code guide. 👍

[@pakkavideos]

If object has function it copy that also?

[@developerpranav]

Another helpful topic, great video!

[@dorian7215]

Great info. Thank you.

[@Joe-SoftwareEngineer]

Love it! Finally a real native way to do a deep copy! 👍

[@mohsenkhashei5472]

thanks James🤞

[@christopheanfry]

Always learning interesting and useful features. I didn’t know that spread operator was not going deep. Thanks 🙏

[@colinmarshall6634]

Great video! IE11 was killed off anyway so this is basically full support. However, it was only added to Node 17 so it won't work if you're on an older version of Node.

[@dinoscheidt]

Luckily, Node 18 is LTS for a year now

[@colinmarshall6634]

​@@dinoscheidt I get it, but that doesn't mean everyone's company does. There's plenty of reasons for people to be using older versions.

[@deckyfx2188]

@@dinoscheidt but AFAIK, node version higher than 16 is breaking react and react native.

[@aymanechaaba]

Thank You!! ❤❤

[@__jake.m]

Thank you so much for this, James! You really helped a lot.

[@JamesQQuick]

So glad to hear that!

[@dominuskelvin]

Amazing video. So much good APIs ☺️

[@iUmerFarooq]

Thank you 😊

[@rara901]

What is your theme?

[@willyhorizont8672]

Shoot I use spread operator all of my codes! Does this work with array of object too??

[@Cognitoman]

Spread operator doesn’t do nested copies

[@shobhitkumar_shorts]

Still need to depend upon third party libraries, as structured clones do not work in case of function

[@NeverCodeAlone]

Very good thx a lot

[@DigitalAlchemyst]

Confirmed structed clone handles circular references

[@astb01]

It would be cool if they extended the spread operator with an argument such as {….foo, 2} meaning copy two levels deep 🤔

[@everusa15]

Pretty good support ?! I would say no. Check the table for browser compatibility, it kinda sucks. I think the hack method is the best, 2nd option you can use a 3rd party lib. But who am I ? Just a petty sr developer with many years of experience that knows: compatibility is a "beach" and frugality is very important.

[@talk2MeGooseman]

"Not IE11, that's a separate conversation".... When the E11 conversation going ot happen? ( O _ O )

[@vickmackey24]

No one uses that anymore. Microsoft dropped support for it some time ago. It's a waste of time to even discuss it.

[@AlaaBallout]

Javascript is just a weird language, I feel like it try to act like a programming language but we are obligated to use it since the browser work with js .

[@The_SSS]

I recommend using rust jk

[@orbitory7936]

Don't use if your users have older chrome versions or other browsers

[@Александр-ч4п5ъ]

Take care of yourself

[@bmp713]

This is absurd to have to jump through so many hoops just to copy an object. It should absolutely be a native JS function.

[@arunkaiser]

🥇 💬

[@dinckelman]

Goodbye lodash

[@Cognitoman]

Nope still need it, this won’t work for for every case, if it has a class, function or symbol