The new way to achieve deep copying in JavaScript

Asayer's platform is  dedicated to providing insights and resources for developers and DevOps teams, focusing on web application monitoring, session replay, and error tracking. Through articles, tutorials, and case studies, Asayer offers insights into visualizing user sessions, reproducing bugs, and optimizing user experiences. Developers and QA engineers can learn about monitoring user interactions, detecting UI/UX issues, and improving web application performance and reliability.

asayer

Deep Copying Objects with the StructuredClone API Back Copying objects has always been problematic because JavaScript does shallow copies, not producing an independent, separate new object. The new StructuredCopy API solves this problem, and in this article, you’ll learn all the details about its usage.

Deep Copying Objects with the StructuredClone API

Deep Copying Natively with StructuredClone()

Nice, but seems like it’s still consider quite new to be supported by browsers. Maybe we can ditch lodash’s cloneDeep in the future.

Was about time! I will keep using lodash for the time being, at least until we also get a native _.isEqual() and there’s wide support in browsers. IMHO most (if not all) lodash methods should be provided natively, there’s a reason why devs use them!

Very slow method. I do not advise using it.

Node.js 17 and above is now supported.

I remember that there was an article about performance comparison of deep clone ways, and structuredClone was really slow.
Not the best option to use I think