ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-01-18 10:00:38  阅读:412  来源: 互联网

标签:ES6 log res contract 解构 拷贝 赋值


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的值相应的也会发生变化。所以数组是不能够进行解构赋值,只是取到了引用地址,只能通过其他深拷贝连接

标签:ES6,log,res,contract,解构,拷贝,赋值
来源: https://blog.csdn.net/qq_45177150/article/details/111312333

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有