合并对象的方法_如何把多个对象合并成一个[通俗易懂]

合并对象的方法_如何把多个对象合并成一个[通俗易懂]提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启

合并对象的方法_如何把多个对象合并成一个[通俗易懂]"

前言

提示:本文仅总结 自己 平时 使用的 几种合并 对象的方法:

总结

一、Object.assign()
同名属性会被覆盖
Object.assign种第一个值是目标对象,第二个值是源对象

说明:
1、Object.assign() 支持多个对象合并,如果不想修改目标对象,可以将目标对象改成空对象 {}
2、来源对象往目标对象合并,返回目标对象。如果目标对象、来源对象属性中有相同键时,来源对象中的属性替换目标对象中的属性,可以理解成后面替换前面属性中的键。

const obj1={a:"1",b:"2"}
const obj2={c:"3",d:"4"}
const value= Object.assign(obj1,obj2)
//console.log(value)

注意:
1、使用该方法时,需提前判断原生Object是否支持该函数。
2、如果原生Object不支持该函数,则需创建函数assign,使用Object.defineProperty将该函数绑定到Object上
3、判断参数是否正确。
4、一定要注意:目标对象不能为空,我们可以直接设置{}传递进去,但必须设置值。

二、扩展运算符

扩展运算符合并对象obj1对象在前和在后最后打印的结果是不同的
const obj1={a:"1",b:"2"};
const obj2={b:"3",c:"4"};
const value= {...obj1,...obj2};
//console.log(value)
//a:1 b:3 c:4    
// obj1中b的值被后面传入的obj2的值给覆盖掉了

三、lodash.merge
注:使用 lodash.merge 方法前 ,需先将lodash工具库引入

<script src="lodash工具库地址">
</script>

注:在使用中我们通常使用_来代替lodash

const obj1={a:"1",b:"2"};
const obj2={b:"3",c:"4"};
const value= _.merge(obj1,obj2);
//console.log(value)
//a:1 b:3 c:4    

四、lodash.assign
注:使用 lodash.assign方法前 ,需先将lodash工具库引入

<script src="lodash工具库地址">
</script>

注:在使用中我们通常使用_来代替lodash

const obj1={a:"1",b:"2"};
const obj2={b:"3",c:"4"};
const value= _.assign(obj1,obj2);
// console.log(value)
//a:1 b:3 c:4    

说明:以上几种方法 需结合 自己项目的使用情况,然后判断具体哪种方法适用,并且可以解决自己在项目中遇到的问题,本次自己是使用第一种方法(Object.assign)解决了自己遇到的问题。

今天的文章合并对象的方法_如何把多个对象合并成一个[通俗易懂]分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/72107.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注