深拷贝和浅拷贝有什么区别?请用js实现数据的深拷贝?

深拷贝和浅拷贝是指在复制对象时，是否复制对象内部的引用类型。

浅拷贝只复制对象的引用，也就是说，如果原对象中有一个引用类型的属性，那么复制后的对象中的该属性也会指向同一个引用对象。这意味着，当修改复制后对象的该属性时，原对象中的对应属性也会发生改变。

深拷贝是指复制对象及其内部所有引用类型的属性，也就是说，复制后的对象与原对象完全独立，修改复制后对象的属性不会影响原对象。

以下是JS实现数据的深拷贝的代码：

function deepClone(obj) {
  if (obj === null || typeof obj !== "object") {
    return obj;
  }
  let result = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      result[key] = deepClone(obj[key]);
    }
  }
  return result;
}

这个函数接受一个对象作为参数，返回一个它的深拷贝。如果参数不是对象或者是null，就直接返回它本身。如果参数是数组，就创建一个新的数组，否则创建一个新的对象。然后遍历参数对象的属性，如果是它自身的属性，就将这个属性的值递归地调用自身，然后把这个新的属性赋值给新的对象的对应属性。最后返回新的对象。

相关问题

什么是深拷贝浅拷贝，如何实现深拷贝？JS

在JavaScript中，深拷贝和浅拷贝是关于对象和数组复制的概念。

浅拷贝是指创建一个新的对象或数组，新对象的属性值或数组元素是原始对象的引用。也就是说，新对象和原始对象共享相同的内存地址，当修改其中一个对象时，另一个对象也会受到影响。

深拷贝是指创建一个新的对象或数组，新对象的属性值或数组元素是原始对象的完全复制。也就是说，新对象和原始对象是完全独立的，修改其中一个对象不会影响另一个对象。

实现深拷贝的方法有多种，下面介绍两种常见的方法：

1. 使用JSON.stringify()和JSON.parse()：这种方法适用于没有包含函数、日期等特殊类型的简单对象和数组。首先，使用JSON.stringify()将原始对象转换为字符串，然后使用JSON.parse()将字符串转换回新的对象。

   var newObj = JSON.parse(JSON.stringify(oldObj));

这种方法的缺点是无法复制函数、日期等特殊类型，并且对于循环引用的对象也无法正确处理。

2. 递归复制：这种方法适用于复杂对象和数组，包括函数、日期等特殊类型。通过递归遍历原始对象的属性或数组元素，并创建新的对象或数组来实现深拷贝。

   function deepCopy(obj) {
     if (typeof obj !== 'object' || obj === null) {
       return obj;
     }
   
     var newObj = Array.isArray(obj) ? [] : {};
   
     for (var key in obj) {
       if (obj.hasOwnProperty(key)) {
         newObj[key] = deepCopy(obj[key]);
       }
     }
   
     return newObj;
   }
   
   var newObj = deepCopy(oldObj);

这种方法可以正确处理复杂对象和数组，但需要注意处理循环引用的情况，否则可能导致无限递归。

深拷贝浅拷贝的区别？如何实现一个深拷贝？

深拷贝（Deep Copy）和浅拷贝（Shallow Copy）是在复制对象或数组时常用的两个概念。

浅拷贝是指创建一个新的对象或数组，但只复制原始对象或数组的引用，而不是复制它们的内容。因此，当修改新对象或数组时，原始对象或数组也会受到影响。

深拷贝是指创建一个全新的对象或数组，并将原始对象或数组的所有内容逐个复制到新对象或数组中。这样，当修改新对象或数组时，不会影响原始对象或数组。

实现一个深拷贝可以使用以下方法：
1. 使用JSON.stringify和JSON.parse：将原始对象或数组转换为JSON字符串，然后再将JSON字符串转换回对象或数组。这种方法适用于不包含函数、正则表达式等特殊类型的简单对象和数组。

var deepCopy = JSON.parse(JSON.stringify(originalObject));

2. 递归复制：遍历原始对象或数组的每个属性，并递归地进行拷贝。这种方法适用于复杂对象和数组，包括嵌套的对象和数组。

function deepCopy(originalObject) {
  if (typeof originalObject !== 'object' || originalObject === null) {
    return originalObject;
  }
  
  var copiedObject = Array.isArray(originalObject) ? [] : {};
  
  for (var key in originalObject) {
    if (originalObject.hasOwnProperty(key)) {
      copiedObject[key] = deepCopy(originalObject[key]);
    }
  }
  
  return copiedObject;
}

需要注意的是，如果原始对象或数组中存在循环引用，递归拷贝可能会导致栈溢出。因此，在实现深拷贝时需要对循环引用进行处理。