What is Deep Clone
Deep clone is a technique that is used to duplicate everything whenever we are cloning arrays and objects in JavaScript in order to avoid data loss.
There are three methods to deep clone in JavaScript:
Table of Content
- What is Deep Clone
- Using Spread Operator to Deep clone
- Using Object.assign() method to Deep clone
- Using Json.parse() and Json.stringify() to Deep clone
Example: As in this example, the data is becoming corrupted if we change one object value then it is reflected in other objects also that is the reason in order to avoid this problem we use Deep Clone.
Javascript
let student1 = { name: "Manish" , company: "Gfg" } let student2 = student1; student1.name = "Rakesh" console.log( "student 1 name is" , student1.name) console.log( "student 2 name is " , student2.name); |
student 1 name is Rakesh student 2 name is Rakesh
Now, let’s see the different methods to Deep Clone in JavaScript
How to Deep clone in JavaScript ?
In general, cloning means copying one value to another. In JavaScript, we do cloning i.e. copying one value to another using JavaScript. To be more precise there are two types of cloning in JavaScript. As a programmer, it might be a beginner or veteran he/she should be able to know the differences between Deep clone and shallow clone. As this article is about Deep clones we will study detail about Deep clones.