php中文网

js如何合并多个对象

php中文网
javascript 合并多个对象的方法有:使用 object.assign() 函数将源对象属性复制到目标对象。使用扩展运算符(...)将对象的可枚举属性扩展到另一个对象。

js如何合并多个对象

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" }

以上就是js如何合并多个对象的详细内容,更多请关注php中文网其它相关文章!