我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：
var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
obj1.merge(obj2);
//obj1 now has three properties: food, car, and animal
是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。
当前回答
您可以使用对象排列语法来实现这一点。这是ES2018及以后的一部分。
constobj1={food:“pizza”，car:“ford”}；const obj2=｛animal:“狗”｝；常量obj3=｛…obj1，…obj2｝；console.log（obj3）；
其他回答
与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);
我使用纯JavaScript中的以下内容。它从最右边的参数开始，并将它们组合到第一个参数。没有返回值，只修改了第一个参数，最左边的参数（第一个除外）在财产上具有最高的权重。
var merge = function() {
var il = arguments.length;
for (var i = il - 1; i > 0; --i) {
for (var key in arguments[i]) {
if (arguments[i].hasOwnProperty(key)) {
arguments[0][key] = arguments[i][key];
}
}
}
};
我在谷歌上搜索了合并对象财产的代码，结果出现在这里。然而，由于没有递归合并的代码，我自己编写了它。（也许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 } } };
使用以下助手，可以将两个对象合并为一个新对象：
function extend(obj, src) {
for (var key in src) {
if (src.hasOwnProperty(key)) obj[key] = src[key];
}
return obj;
}
// example
var a = { foo: true }, b = { bar: false };
var c = extend(a, b);
console.log(c);
// { foo: true, bar: false }
当将选项dict与函数或插件中的默认设置合并时，这通常很有用。
如果不需要支持IE 8，您可以使用Object.keys来实现相同的功能：
function extend(obj, src) {
Object.keys(src).forEach(function(key) { obj[key] = src[key]; });
return obj;
}
这涉及的代码稍微少一点，速度也快一点。
使用Undercore.js，要合并对象数组，请执行以下操作：
var arrayOfObjects = [ {a:1}, {b:2, c:3}, {d:4} ];
_(arrayOfObjects).reduce(function(memo, o) { return _(memo).extend(o); });
结果是：
Object {a: 1, b: 2, c: 3, d: 4}
