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
相关推荐
snow@li43 分钟前
服务器运维:Alibaba Cloud Linux 4 LTS・Vue前端 Java 后端 K3S 部署 CICD 目录规范清单
linux·前端·vue.js
honkun61 小时前
vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总
前端·javascript·vue.js
web打印社区10 小时前
网页静默打印热敏小票:从 HTML 到出纸的完整指南
前端·javascript·vue.js·electron·pdf·html
parade岁月17 小时前
为了给表格加虚拟滚动而选了 vxe-table?也可以考虑下这个
前端·vue.js
鹏多多1 天前
PC 网站接入微信登录,这 10 个坑我替你踩完了!
前端·javascript·vue.js
染指11101 天前
103.RAG-LLamaIndex后端rag问答-聊天接口
前端·javascript·vue.js·人工智能
单线程_011 天前
从案例分析 Vue3 Tokenizer+Parser 源码三
前端·javascript·vue.js
jay神1 天前
【计算机毕业设计】基于SpringBoot的程序教学辅助系统
java·前端·vue.js·spring boot·后端·毕业设计·课程设计
OpenTiny社区2 天前
从流式消息到多会话:TinyRobot Kit 如何组织 AI 对话数据层
vue.js
卤蛋fg62 天前
vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解
vue.js