前言
提示:本文仅总结 自己 平时 使用的 几种合并 对象的方法:
总结
一、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