vue对象复制(使用es6对象扩展运算符,深拷贝)

vue3+es6语法

直接上代码

javascript 复制代码
   const objA = { name: '小飞', age: 18 };
	const objACopy = { ...objA };
	console.log('对比objA与objACopy的引用地址是否相同');
	console.log(objA == objACopy); //false
	console.log(objA);
	console.log(objACopy);
	//对象包含对象,浅拷贝
	const objB = { name: '小飞', age: 18, hobbies: ['football', 'badminton'] };
	const objBCopy = { ...objB };
	console.log('对比objB与objBCopy的引用地址是否相同');
	console.log(objB.hobbies == objBCopy.hobbies); //true
	console.log(objB);
	console.log(objBCopy);
	//对象包含对象  改造一下,深拷贝
	const objBCopyDeep = { ...objB, hobbies: { ...objB.hobbies } };
	console.log(objB.hobbies == objBCopyDeep.hobbies); //false
相关推荐
LYFlied2 分钟前
Vue Vapor模式与AI时代前端发展的思考:虚拟DOM与框架的未来
前端·vue.js·人工智能·前端框架
江公望3 分钟前
VUE3 动态Prop 10分钟讲清楚
前端·javascript·vue.js
北辰alk19 分钟前
Vue组件缓存终极指南:keep-alive原理与动态更新实战
vue.js
狗哥哥23 分钟前
企业级 Vue 3 项目图标系统重构实践:从多源混乱到单一数据源
前端·vue.js·架构
Tiam-201625 分钟前
安装NVM管理多版本node
vue.js·前端框架·node.js·html·es6·angular.js
哆啦A梦15881 小时前
商城后台管理系统 06,编辑商品
javascript·vue.js·elementui
我笔记1 小时前
Npm yarn 差异,冲突解决 依赖安装
vue.js
爱网安的monkey brother1 小时前
vue3+ts项目自建训练
前端·javascript·vue.js
哆啦A梦15882 小时前
商城后台管理系统 02,上传图片实现
前端·javascript·vue.js·elementui
破z晓2 小时前
若依(vue版)集成ArcGIS
前端·vue.js·arcgis