原生js深度克隆（深拷贝）

最新推荐文章于 2025-03-27 18:06:04 发布

Kerry敲敲敲

最新推荐文章于 2025-03-27 18:06:04 发布

阅读量634

点赞数 20

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_59942107/article/details/136557561

版权

本文解释了JavaScript中基本类型和引用类型拷贝的区别，强调了浅拷贝只复制引用地址而非值，深拷贝包括对象和数组的深度复制，通过递归实现，确保嵌套数据结构不受影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 中基本类型（原始值）进行拷贝，拷贝的是值，而引用类型（非原始值）浅拷贝拷贝的是地址，所以修改拷贝后的值，会影响到原值，所以要进行深拷贝
深拷贝：拷贝的是引用类型（非原始值）的值，修改拷贝后的值，不会影响到原值。
浅拷贝：拷贝的是引用类型（非原始值）的值，修改拷贝后的值，会影响到原值。
深拷贝：主要针对对象和数组进行。

此方法：利用函数递归实现引用类型中嵌套各种数据类型的深拷贝，无论嵌套多少层，都会完整的拷贝

    function deepClone(value) {
      // 非原始值的情况
      // 数组
      if (value instanceof Array) {  // 判断传入的值是不是数组，如果是，则进行拷贝数组里面的值
        let colone = [];
        for (let i = 0; i < value.length; i++) {
          colone[i] = deepClone(value[i]);  // 利用递归 对新数组里面的内容在进行克隆
        }
        return colone;
      }
      if (value instanceof Object) {    // 判断传入的值是不是对象，如果是，则进行拷贝对象里面的值
       let colone = {}
       for (var key in value) {
        colone[key] = deepClone(value[key]); // 利用递归 对对象里面的内容在进行克隆
       }
       return colone;
      }  
      return value
    }
    let arr = [{a:1,b:2},3,[4,5,6]]
    let newArr = deepClone(arr)
    console.log(newArr===arr);//false
    newArr = []
    console.log(arr);```