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