如何合并 JavaScript 对象？

如何合并 JavaScript 对象？

合并 JavaScript 中的对象涉及将多个对象的属性合并为一个统一的对象。为了实现这一点，可以使用多种方法，每种方法都适合特定的 JavaScript 版本和要求。

内置方法

ECMAScript 2018 标准方法：利用对象传播，合并对象的新语法是：

let merged = {...obj1, ...obj2};

此语法创建一个新的合并对象，其中包含合并的对象obj1 和 obj2 的属性。 obj2 中的属性会覆盖 obj1 中的属性。

ECMAScript 2015 标准方法：Object.assign() 可用于合并对象：

Object.assign(obj1, obj2);

Object.assign( ) 就地修改 obj1，将 obj2 的属性合并到其中。与扩展运算符一样，后面的属性会覆盖前面的属性。

ES5 及更早版本的方法

对于 ES5 之前的 JavaScript 版本，一个简单的方法是：

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

此循环迭代 obj2 的属性并将它们分配给 obj1，从而有效地合并对象。

自定义函数

也可以使用自定义函数：

function merge_options(obj1, obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

此函数通过迭代 obj1 和 obj2 并将属性添加到 obj3 来创建新对象 obj3。

以上是如何合并 JavaScript 对象？的详细内容。更多信息请关注PHP中文网其他相关文章！