我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
当前回答
在MooTools中，有Object.merge（）：
Object.merge(obj1, obj2);
其他回答
以下两个可能是一个很好的起点。lodash还为那些特殊需求提供定制功能！
_.延伸(http://underscorejs.org/#extend) _.合并(https://lodash.com/docs#merge)
我在谷歌上搜索了合并对象财产的代码，结果出现在这里。然而，由于没有递归合并的代码，我自己编写了它。（也许jQuery扩展是递归的BTW？）无论如何，希望其他人也会发现它很有用。
（现在代码不使用Object.prototype:）
Code
/*
* Recursively merge properties of two objects
*/
function MergeRecursive(obj1, obj2) {
for (var p in obj2) {
try {
// Property in destination object set; update its value.
if ( obj2[p].constructor==Object ) {
obj1[p] = MergeRecursive(obj1[p], obj2[p]);
} else {
obj1[p] = obj2[p];
}
} catch(e) {
// Property in destination object not set; create it and set its value.
obj1[p] = obj2[p];
}
}
return obj1;
}
一个例子
o1 = { a : 1,
b : 2,
c : {
ca : 1,
cb : 2,
cc : {
cca : 100,
ccb : 200 } } };
o2 = { a : 10,
c : {
ca : 10,
cb : 20,
cc : {
cca : 101,
ccb : 202 } } };
o3 = MergeRecursive(o1, o2);
生成类似o3的对象
o3 = { a : 10,
b : 2,
c : {
ca : 10,
cb : 20,
cc : {
cca : 101,
ccb : 202 } } };
最好的方法是使用Object.defineProperty添加一个不可枚举的适当属性。
通过这种方式，您仍然可以迭代对象财产，而无需使用Object.prototype.extend创建属性时新创建的“extend”。
希望这有助于：
Object.defineProperty(Object.prototype, "extend", {
enumerable: false,
value: function(from) {
var props = Object.getOwnPropertyNames(from);
var dest = this;
props.forEach(function(name) {
if (name in dest) {
var destination = Object.getOwnPropertyDescriptor(from, name);
Object.defineProperty(dest, name, destination);
}
});
return this;
}
});
一旦你做到了这一点，你就可以做到：
var obj = {
name: 'stack',
finish: 'overflow'
}
var replacement = {
name: 'stock'
};
obj.extend(replacement);
我刚刚在这里写了一篇博文：http://onemoredigit.com/post/1527191998/extending-objects-in-node-js
与jQueryextend（）类似，AngularJS中有相同的函数：
// Merge the 'options' object into the 'settings' object
var settings = {validate: false, limit: 5, name: "foo"};
var options = {validate: true, name: "bar"};
angular.extend(settings, options);
GitHub上有一个名为deepmmerge的库：这似乎正在引起一些关注。它是一个独立的，可以通过npm和bower包管理器获得。
我倾向于使用或改进这一点，而不是复制粘贴答案中的代码。
