JavaScript中Object值合并方法详解

当我们在JavaScript中有多个Object对象，并想将它们合并在一起时，Object提供了几个方便的方法。

Object.assign(obj1, obj2, ..., objN)

Object.assign() 方法用于将一个或多个源对象的所有可枚举属性复制到目标对象中。它返回目标对象。

语法

Object.assign(target, ...sources)

参数

• target - 目标对象
• sources - 一个或多个源对象

返回值

• 返回目标对象

示例

let target = { a: 1, b: 2 }
let source1 = { b: 3, c: 4 }
let source2 = { c: 5 }

Object.assign(target, source1, source2)
console.log(target) // { a: 1, b: 3, c: 5 }

在这个示例中，对象target的属性b被覆盖了。最终的结果为{ a: 1, b: 3, c: 5 }。

展开运算符（...）

ES6中的展开运算符也可以用于对象的合并。

示例

let target = { a: 1, b: 2, }
let source = { b: 3, c: 4 }

let result = { ...target, ...source }
console.log(result) // { a: 1, b: 3, c: 4 }

在这个示例中，对象target和source的属性都被合并在了一起。最终的结果为{ a: 1, b: 3, c: 4 }。

总结：Object.assign() 和展开运算符（...）都可以用于合并多个Object对象。Object.assign()更加灵活，支持多个参数，但具有覆盖合并属性的特点。而展开运算符则更加简洁明了，不具有覆盖合并属性的特点。