如何在 JavaScript 中进行深度克隆？

通常，克隆意味着将一个值复制到另一个值。在 JavaScript 中，我们进行克隆，即使用 JavaScript 将一个值复制到另一个值。更准确地说，它们是 JavaScript 中的两种克隆。作为一个程序员，无论是初学者还是老手，他/她应该能够知道深克隆和浅克隆之间的区别。由于本文是关于深度克隆的，我们将研究有关深度克隆的详细信息。克隆是一个可以在任何数据类型中发生的概念，即，它可能是原始数据类型（如字符串、数字）或复合数据类型，如数组和 JavaScript。所以为了掌握它，我们需要把基础搞清楚。
深度克隆：深度克隆是一种技术，用于在我们克隆数组时复制所有内容，JavaScript 以避免数据丢失。

示例 1：与本示例一样，如果我们更改一个对象的值，数据就会损坏，然后它会反映在其他对象中，这也是我们使用 Deep Clone 避免此问题的原因。

Javascript

    var student1 ={
        name : "Manish",
        company : "Gfg"
 
    }
 
    var student2 =  student1  ;
 
    student1.name = "Rakesh"
     
    console.log("student 1 name is",student1.name)
    console.log("student 2 name is ",student2.name);

输出：

示例 2：使用扩展运算符

Javascript

    var student1 ={ 
    name : "Manish",
    company : "Gfg"
 
    }
 
    var student2 =  { ...student1 } ;
 
    student1.name = "Rakesh"
 
    console.log("student 1 name is",student1.name)
    console.log("student 2 name is ",student2.name);

输出：

示例 3：使用 Object.assign()

Javascript

    var student1 ={
    name : "Manish",
    company : "Gfg"
    }
 
    var student2 = Object.assign( {} ,student1) ;
 
    student1.name = "Rakesh"
 
    console.log("student 1 name is",student1.name)
    console.log("student 2 name is ",student2.name);

输出：

示例 4：使用 Json.parse 和 Json.stringify

Javascript

    var student1 ={
    name : "Manish",
    company : "Gfg"
 
    }
 
    var student2 = JSON.parse(JSON.stringify(student1))
 
    student1.name = "Rakesh"
 
    console.log("student 1 name is",student1.name)
    console.log("student 2 name is ",student2.name);

输出：

结论：我们可以使用所有这些方法来确保数据是安全的，并且在我们更改一个对象时不会发生变异。