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

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

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()都是一种非常实用的方式,可以把多个对象合并成一个对象,并返回一个新的对象。

© 版权声明
THE END
分享