对象合并的方法【三点运算符、Object.assign()】

最新推荐文章于 2025-03-07 17:12:33 发布

L_jin_c

最新推荐文章于 2025-03-07 17:12:33 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/l_jin_c/article/details/108317799

ES6 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了两种对象合并的方法：一是使用ES6的三点运算符，特点是后面的属性会覆盖前面的相同属性；二是利用Object.assign()，该方法会改变第一个参数并覆盖重合属性。通过实例分析了这两种方式的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、使用三点运算符…

特点：如果对象有相同的属性，后面的覆盖前面的


	let obj1 = {
	    name: "nodejs",
	    age: 111,
	    email: "123@qq.com"
	}
	
	let obj2 = {
	    name: "js",
	    age: 222,
	    email: "node@qq.com"
	}
	
	let new_obj = { ...obj1, ...obj2 };
	console.log(new_obj); //{ name: 'js', age: 222, email: 'node@qq.com' }

二、使用Object.assign()

特点：
（1）使用这个方法，只会改变第一个参数，也就是后面的合并到了第一个
（2）对象的属性如果有重合，后面的也会覆盖前面的

例子1：


	let obj1 = {
	    name: "nodejs",
	    age: 111,
	    email: "123@qq.com"
	}
	
	let obj2 = {
	    name: "js",
	    age: 222,
	    email: "node@qq.com"
	}
	
	let ret1 = Object.assign({}, obj1, obj2);
	//可以看到第一个是合并后的对象，有改变，重复属性，后面覆盖前面的
	console.log(ret1); //{ name: 'js', age: 222, email: 'node@qq.com' }
	console.log(obj1); //{ name: 'nodejs', age: 111, email: '123@qq.com' }
	console.log(obj2); //{ name: 'js', age: 222, email: 'node@qq.com' }

例子2：

	
	let obj1 = {
	    name: "nodejs",
	    age: 111,
	    email: "123@qq.com"
	}
	
	let obj2 = {
	    name: "js",
	    age: 222,
	    email: "node@qq.com"
	}
	
	let ret2 = Object.assign(obj1, obj2);
	
	console.log(ret2); //{ name: 'js', age: 222, email: 'node@qq.com' }
	
	//第一个参数改变了，第二个参数没变
	console.log(obj1); //{ name: 'js', age: 222, email: 'node@qq.com' }
	console.log(obj2); //{ name: 'js', age: 222, email: 'node@qq.com' }