肥宅综合社区-做一个优雅文明的综合社区

搜索内容

JavaScript合并对象的几种常见方式和示例代码

2023-10-03 199阅读 0评论

JavaScript 合并对象是把多个对象合并成一个对象的过程,常用的方式有三种:Object.assign()、spread syntax(展开运算符)和Object.entries()。
Object.assign()
Object.assign() 是 JavaScript 中最常用的合并对象的方法,它可以把多个对象合并成一个对象,并返回一个新的对象。下面是一个示例代码:

let obj1 = {
    name: '张三',
    age: '20'
};
let obj2 = {
    sex: '男',
    height: '180cm'
};
let obj = Object.assign(obj1, obj2);
console.log(obj); // {name: "张三", age: "20", sex: "男", height: "180cm"}

spread syntax(展开运算符)
spread syntax(展开运算符)也可以合并多个对象,它把一个数组或者类数组对象里的元素展开,可以用在函数参数和数组字面量中。下面是一个示例代码:

let obj1 = {
    name: '张三',
    age: '20'
};
let obj2 = {
    sex: '男',
    height: '180cm'
};
let obj = {...obj1, ...obj2};
console.log(obj); // {name: "张三", age: "20", sex: "男", height: "180cm"}

Object.entries()
Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。我们可以使用 Object.entries() 把多个对象合并成一个对象。下面是一个示例代码:

let obj1 = {
    name: '张三',
    age: '20'
};
let obj2 = {
    sex: '男',
    height: '180cm'
};
let obj = Object.assign({}, ...Object.entries(obj1), ...Object.entries(obj2));
console.log(obj); // {name: "张三", age: "20", sex: "男", height: "180cm"}

以上就是 JavaScript 合并对象的几种常见方式和示例代码。Object.assign()、spread syntax(展开运算符)和Object.entries()都是一种非常实用的方式,可以把多个对象合并成一个对象,并返回一个新的对象。

文章版权声明:本站部分内容系网络转载,如果文章触发到您的利益或版权,请联系本站客服邮箱kefu@fz331.com删除,我们将48小时之内删除。

发表评论

上传附件:
评论列表 (有 0 条评论,199人围观)
切换注册

登录

忘记密码?

切换登录

注册

验证码