如何动态合并两个JavaScript对象的财产？

我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

obj1.merge(obj2);

//obj1 now has three properties: food, car, and animal

是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。

当前回答

使用此

var t=merge（｛test:123｝，｛mysecondTest：｛blub:｛test2:‘string‘｝，args：｛‘test‘：2｝｝）控制台日志（t）；函数合并（…args）{return Object.assign（｛｝，…args）；}

其他回答

在MooTools中，有Object.merge（）：

Object.merge(obj1, obj2);

有不同的方法可以实现这一点：

Object.assign(targetObj, sourceObj);

targetObj = {...targetObj, ...sourceObj};

ES5兼容的原生单内胆：

var merged = [obj1, obj2].reduce(function(a, o) { for(k in o) a[k] = o[k]; return a; }, {})

A={a:1,b:function(){alert(9)}}
B={a:2,c:3}
A.merge = function(){for(var i in B){A[i]=B[i]}}
A.merge()

结果是：｛a:2，c:3，b:function（）｝

gossi对David Coallier方法的扩展：

检查这两行：

from = arguments[i];
Object.getOwnPropertyNames(from).forEach(function (name) {

需要针对空对象检查“from”。。。例如，如果合并以前在服务器上创建的来自Ajax响应的对象，则对象属性的值可以为“null”，在这种情况下，上述代码会生成一个错误消息：

“from”不是有效对象

因此，例如，将“…Object.getOwnPropertyNames（from）.forEach…”函数包装为“if（from！=null）｛…｝”将防止发生该错误。

推荐文章