js实现深拷贝(JS实现对象完全拷贝)

什么是深拷贝？

在JavaScript中，对象是引用类型，因此如果您复制对象，则实际上是将引用传递给该对象而不是创建一个副本。这造成了一个问题，即在复制对象时，如果在原始对象上进行更改，则新对象也会受到影响。解决方案是使用深拷贝，它将原始对象及其嵌套对象的所有属性复制到新对象中，并保证对新对象的更改不会影响原始对象。

实现深拷贝的方法

方法一：使用JSON.stringify和JSON.parse

一种简单实现深拷贝的方法是使用JSON.stringify和JSON.parse两个函数。该方法的基本思想是将原始对象转换为JSON字符串，然后将JSON字符串转回对象。这将创建一个完全不同的对象，该对象的所有属性和嵌套属性都是新对象的副本。

代码示例：

```javascript

function deepCopy(obj) {

return JSON.parse(JSON.stringify(obj));

}

```

请注意，该方法有一些缺点。首先，它无法复制函数及function属性。其次，如果原始对象中有循环引用，则会导致堆栈溢出错误。

方法二：递归复制对象

如果您的对象中有函数或循环引用，则无法使用JSON.stringify和JSON.parse。在这种情况下，可以编写一个递归函数来复制对象。该函数将遍历原始对象及其所有嵌套属性，并创建它们的副本。

代码示例：

```javascript

function deepCopy(obj) {

var result = Array.isArray(obj) ? [] : {};

for (var key in obj) {

if (Object.prototype.hasOwnProperty.call(obj, key)) {

if (typeof obj[key] === "object" && obj[key] !== null) {

result[key] = deepCopy(obj[key]);

} else {

result[key] = obj[key];

}

}

}

return result;

}

```

该方法递归地遍历原始对象，并创建一个新对象。如果属性是嵌套对象，则递归地调用函数，以便为该对象创建副本。如果属性是简单类型（例如字符串或数字），则将其直接复制到新对象中。

结论

深拷贝是JavaScript开发中一个常见的操作。它使您能够创建一个原始对象的完全副本，而不必担心更改一个对象是否会影响另一个对象。在这篇文章中，我们介绍了两种方法来实现深拷贝。您可以根据您的需求选择其中一种。如果您的对象不包含函数或循环引用，则可以使用JSON.stringify和JSON.parse。如果您需要更高级的拷贝操作，则可以使用递归函数。