如何动态合并两个JavaScript对象的属性？

如何动态合并两个JavaScript对象的属性？

ECMAscript 2018标准方法

您将使用对象传播：

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

merged

现在是

obj1

和的并集

obj2

。中的属性

obj2

将覆盖中的属性

obj1

。

const allRules = {...obj1, ...obj2, ...obj3};

这也是此语法的MDN文档。如果您正在使用babel，则需要babel-plugin-transform-object-rest-spread插件才能正常工作。

ECMAscript 2015（ES6）标准方法

Object.assign(obj1, obj2);const allRules = Object.assign({}, obj1, obj2, obj3, etc);

---

ES5和更早版本的方法

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

请注意，这会简单地添加的所有属性

obj2

，以

obj1

这可能不是你想要什么，如果你仍然想使用未修改

obj1

。

如果您使用的框架覆盖了您的所有原型，那么您必须对诸如的检查更为精通

hasOwnProperty

，但是该代码将在99％的情况下都能正常工作。

示例功能：

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