vue3对象复制（使用es6对象扩展运算符，深拷贝）

茶一蛊

已于 2023-10-24 14:05:48 修改

阅读量1.2k

点赞数

分类专栏： Vue3 es6 文章标签： vue.js es6 1024程序员节

于 2023-07-16 09:51:03 首次发布

本文链接：https://blog.csdn.net/qq_26905813/article/details/131747385

版权

Vue3 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

es6

1 篇文章 0 订阅

订阅专栏

vue3+es6语法
直接上代码

   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