插件窝 干货文章 js如何合并多个对象

js如何合并多个对象

对象 属性 class strong 558    来源:    2024-10-19
javascript 合并多个对象的方法有:使用 object.assign() 函数将源对象属性复制到目标对象。使用扩展运算符(...)将对象的可枚举属性扩展到另一个对象。

JavaScript 合并多个对象

在 JavaScript 中,可以将多个对象合并为一个对象,有两种常见的方法。

方法一:Object.assign()

  • Object.assign() 函数接受两个或多个对象作为参数,并将其属性复制到第一个参数对象中。
  • 它只复制被枚举的、可读写的自身属性,不复制原型链上的属性。
  • 语法:
Object.assign(target, ...sources);

例如:

const obj1 = { name: "John", age: 30 };
const obj2 = { city: "London" };

Object.assign(obj1, obj2);

console.log(obj1); // { name: "John", age: 30, city: "London" }

方法二:扩展运算符(...)

  • 扩展运算符(...)可以将一个对象的可枚举属性扩展到另一个对象中。
  • 它与 Object.assign() 类似,但不复制原型链上的属性。
  • 语法:
const newObj = { ...obj1, ...obj2 };

例如:

const obj1 = { name: "John", age: 30 };
const obj2 = { city: "London" };

const newObj = { ...obj1, ...obj2 };

console.log(newObj); // { name: "John", age: 30, city: "London" }