数组的深浅拷贝问题

数组的深浅拷贝问题

数组的直接赋值

数组的直接赋值属于数组的浅拷贝，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));