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
相关推荐
2013编程爱好者32 分钟前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
change_fate3 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
天外天-亮5 小时前
Vue + excel下载 + 水印
前端·vue.js·excel
0***K8927 小时前
Vue数据挖掘开发
前端·javascript·vue.js
t***26597 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦7 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
Irene19917 小时前
ES6 export 语句 语法规范
javascript·es6·export
H***99767 小时前
Vue深度学习实战
前端·javascript·vue.js
我叫张小白。10 小时前
JavaScript现代语法梳理:ES6+核心特性详解
开发语言·javascript·typescript·es6
code_Bo10 小时前
Ant Design Vue 日期选择器英文不变更中文问题
前端·vue.js·ant design