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;
}