数组的深浅拷贝问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m_review/article/details/81462438

数组的深浅拷贝问题

数组的直接赋值

数组的直接赋值属于数组的浅拷贝,JS 存储对象都是存内存地址的,所以浅拷贝会导致新数组和旧数组共用同一块内存地址,其中一个数组变化,另一个数组也会相应的变化。

  1. 数组内部不含有引用类型,使用 slice() 、concat() 和 assign() 方法都属于数组的深拷贝,一个数组变化,另一个数组不受影响。
let arr = [1, 2, 3, "hello"];
  1. 数组内部含有引用类型,使用 slice() 、concat() 和 assign() 方法都属于数组的浅拷贝,一个数组变化,另一个也会相应的变化。
let arr = [1, 2, 3, { name: "隔壁张小二" }, { sex: "male" }];

含有引用类型的数组的深拷贝

方法一:递归

let cloneObj = function(obj) {
  let str,
    newobj = obj.constructor === Array ? [] : {};
  if (typeof obj !== "object") {
    return;
  } else if (window.JSON) {
    (str = JSON.stringify(obj)), //系列化对象
    (newobj = JSON.parse(str)); //还原
  } else {
    for (var i in obj) {
      newobj[i] = typeof obj[i] === "object" ? cloneObj(obj[i]) : obj[i];
    }
  }
  return newobj;
};

let newArr = cloneObj(oldArr);

方法二:通过 JSON 解析解决

let newArr = JSON.parse(JSON.stringify(oldArr));
阅读更多
换一批

没有更多推荐了,返回首页