vue复制数组中的数据

Question

vue复制数组中的数据

相关代码

arr:[
        [{a:1}],
]

this.arr.push(this.arr[0]);

this.arr[0][0].a = 2;

console.log(this.arr[1][0].a);

我想要复制一份数组中的数据，push到原来的数组，但是不希望把原来的响应式也复制进去。希望console出的结果是 1

Answer 1

简单处理一下，详细的可以看下深浅拷贝的知识。

this.arr.push([{...arr[0][0]}]);

附上简单的深拷贝

const deepCopy = obj => {
  if (obj === null) return null;
  if (typeof obj !== "object") return obj;
  if (obj instanceof RegExp) return new RegExp(obj);
  if (obj instanceof Date) return new Date(obj);
  let _obj = new obj.constructor();
  for (let key in obj) {
    _obj[key] = deepCopy(obj[key]);
  }
  return _obj;
};

Answer 2

你可以拷贝一份新的数组操作

this.newList = this.arr.slice()
this.newList.push(你的数据)