项目中使用ES6中数组解构与深拷贝浅拷贝关系

ES6数组解构与深拷贝浅拷贝（React案例）

我定义了oldNodeData: null, // 变更后合同节点约定 NodeData: [],然后赋值给变量

this.setState({
	oldSubjectData: res.contract_objects,
	oldNodeData: [...res.contract_nodes],
	NodeData:[...res.contract_nodes],
	SubjectData: NewBuiding,
	contractData: data[0],
});

这样并没有把值赋值给变量，只是引用了地址。我只好用了JSON.parse(JSON.stringify(res.contract_nodes))来进行深拷贝

const a =[{a:1},{a:2},{a:3}]
const b=[...a]
console.log(b)
b[0].a=3
console.log(b)
console.log(a)

相同我创建了一个新的js文件进行解构赋值并不能够对a的值进行深拷贝一样的在修改b的值的时候，a的值相应的也会发生变化。所以数组是不能够进行解构赋值，只是取到了引用地址，只能通过其他深拷贝连接。
今天2021年2月2日也是专门研究了下深拷贝自己撰写了深拷贝公共方法（对数组跟对象），

// 复杂性深拷贝，不能进行json处理的
export function deepClone1(obj) {
  // 判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
  const objClone = Array.isArray(obj) ? [] : {};
  // 进行深拷贝的不能为空，并且是对象或者是
  if (obj && typeof obj === 'object') {
    const Data = Object.keys(obj);
    for (let i = 0; i < Data.length; i += 1) {
      if (obj[Data[i]] && typeof obj[Data[i]] === 'object') {
        objClone[Data[i]] = deepClone1(obj[Data[i]]);
      } else {
        objClone[Data[i]] = obj[Data[i]];
      }
    }
  }
  return objClone;
}