JavaScript 深浅拷贝：揭秘数据拷贝的两种方式

2023-09-16 21:17:06

JavaScript中的数据类型

在 JavaScript 中，数据类型分为原始数据类型和引用数据类型。原始数据类型包括字符串（String）、数字（Number）、布尔值（Boolean）、空值（Null）和未定义值（Undefined）。引用数据类型包括对象（Object）、数组（Array）和函数（Function）。

原始数据类型的值直接存储在变量中，而引用数据类型的值则存储在内存中，变量中存储的是引用数据类型的地址。当对原始数据类型的值进行操作时，操作的是值本身；而对引用数据类型的值进行操作时，操作的是引用数据类型的地址。

深拷贝与浅拷贝的区别

深拷贝和浅拷贝都是 JavaScript 中的数据拷贝方式，但两者之间存在着本质的区别。

深拷贝 ：深拷贝会将原始数据类型的值和引用数据类型的地址都复制一份，从而创建一个新的变量，该变量与原变量完全独立，对新变量的修改不会影响原变量。

浅拷贝 ：浅拷贝只会复制原始数据类型的值，而不会复制引用数据类型的地址。这意味着，浅拷贝创建的新变量与原变量共享同一个引用数据类型的地址，对新变量的修改会影响原变量。

深拷贝和浅拷贝都有其独特的适用场景，在不同的情况下，选择合适的拷贝方式可以提高代码的效率和可维护性。

深拷贝的适用场景 ：

浅拷贝的适用场景 ：

只需要复制原始数据类型的值时，例如，当您需要将一个数字或字符串复制到另一个变量中时，可以使用浅拷贝来创建新的变量。
需要复制引用数据类型的地址时，例如，当您需要将一个数组或对象传递给一个函数，并且希望该函数能够修改数组或对象时，可以使用浅拷贝来创建新的变量，将该变量传递给函数。

在 JavaScript 中，可以通过多种方式实现深拷贝和浅拷贝。

深拷贝 ：

使用 JSON.parse() 和 JSON.stringify() 方法：JSON.parse() 方法可以将 JSON 字符串解析为 JavaScript 对象，JSON.stringify() 方法可以将 JavaScript 对象转换为 JSON 字符串。通过将对象转换为 JSON 字符串，然后使用 JSON.parse() 方法将 JSON 字符串解析为新的对象，可以实现深拷贝。
使用递归函数：可以编写一个递归函数，对对象中的所有属性进行遍历，并为每个属性创建一个新的副本。这种方法可以实现深拷贝，但效率较低。

浅拷贝 ：

使用 Object.assign() 方法：Object.assign() 方法可以将一个对象中的属性复制到另一个对象中。这种方法可以实现浅拷贝，但需要注意的是，如果源对象中的属性是引用数据类型，则浅拷贝创建的新对象与源对象共享同一个引用数据类型的地址。
使用扩展运算符：扩展运算符(...)可以将一个对象中的属性复制到另一个对象中。这种方法与 Object.assign() 方法类似，都可以实现浅拷贝。