js深度拷贝_深拷贝obj1===obj deepclone-优快云博客

本文链接：https://blog.youkuaiyun.com/YUlangML/article/details/130850594

文章介绍了JavaScript中实现深拷贝的几种方式，包括使用JSON.stringify和JSON.parse进行转换，但这种方法无法处理特定类型如undefined、function等；通过for...in循环创建新对象来复制属性；以及利用递归实现对复杂结构的深拷贝。同时，文章提到了数组的深拷贝可以通过concat方法实现。

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

1、使用JSON.stringify()以及JSON.parse()

let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式

let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象

 var obj1 = {
    a: 1,
    b: 2,
    c: 3
}
var objString = JSON.stringify(obj1);
var obj2 = JSON.parse(objString);
obj2.a = 5;
console.log(obj1.a);  // 1
console.log(obj2.a); // 5

可以看到没有发生引用问题，修改obj2的数据，并不会对obj1造成任何影响
但是使用JSON.stringify()以及JSON.parse()它是不可以拷贝 undefined ， function， RegExp 等等类型的

2、通过for in实现

function deepCopy1(obj) {
  let o = {}
  for(let key in obj) {
    o[key] = obj[key]
  }
  return o
}
 
let obj = {
  a:1,
  b: undefined,
  c:function() {},
}
console.log(deepCopy1(obj))

3、递归（自身调用自身）

使用递归的方式实现数组、对象的深拷贝

function deepClone1(obj) {
  //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
  var objClone = Array.isArray(obj) ? [] : {};
  //进行深拷贝的不能为空，并且是对象或者是
  if (obj && typeof obj === "object") {
    for (key in obj) {
      if (obj.hasOwnProperty(key)) {
        if (obj[key] && typeof obj[key] === "object") {
          objClone[key] = deepClone1(obj[key]);
        } else {
          objClone[key] = obj[key];
        }
      }
    }
  }
  return objClone;
}

4.concat（数组的深拷贝）

使用concat合并数组，会返回一个新的数组。
对象是一个引用数据类型普通的复制是一个浅拷贝