ES2018/TypeScript：很多答案都可以，但当您需要合并两个对象而不覆盖重叠的对象键时，我已经找到了一个更优雅的解决方案。

我的函数还接受无限数量的对象作为函数参数进行合并：

（这里我使用的是TypeScript表示法，如果您使用的是纯JavaScript，请随意删除函数参数中的：object[]类型）。

const merge = (...objects: object[]) => {
  return objects.reduce((prev, next) => {
    Object.keys(prev).forEach(key => {
      next[key] = { ...next[key], ...prev[key] }
    })
    return next
  })
}

我今天需要合并对象，这个问题（和答案）对我帮助很大。我尝试了一些答案，但没有一个符合我的需要，所以我组合了一些答案并自己添加了一些东西，并提出了一个新的合并函数。这里是：

var merge = function() {
    var obj = {},
        i = 0,
        il = arguments.length,
        key;
    for (; i < il; i++) {
        for (key in arguments[i]) {
            if (arguments[i].hasOwnProperty(key)) {
                obj[key] = arguments[i][key];
            }
        }
    }
    return obj;
};

一些示例用法：

var t1 = {
    key1: 1,
    key2: "test",
    key3: [5, 2, 76, 21]
};
var t2 = {
    key1: {
        ik1: "hello",
        ik2: "world",
        ik3: 3
    }
};
var t3 = {
    key2: 3,
    key3: {
        t1: 1,
        t2: 2,
        t3: {
            a1: 1,
            a2: 3,
            a4: [21, 3, 42, "asd"]
        }
    }
};

console.log(merge(t1, t2));
console.log(merge(t1, t3));
console.log(merge(t2, t3));
console.log(merge(t1, t2, t3));
console.log(merge({}, t1, { key1: 1 }));

gossi对David Coallier方法的扩展：

检查这两行：

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

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

“from”不是有效对象

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

这会将obj合并为“默认”def。obj优先于两者中存在的任何对象，因为obj被复制到def中。还要注意，这是递归的。

function mergeObjs(def, obj) {
    if (typeof obj == 'undefined') {
        return def;
    } else if (typeof def == 'undefined') {
        return obj;
    }
    for (var i in obj) {
        if (obj[i] != null && obj[i].constructor == Object) {
            def[i] = mergeObjs(def[i], obj[i]);
        } else {
            def[i] = obj[i];
        }
    }
    return def;
}

a = {x : {y : [123]}}
b = {x : {z : 123}}
console.log(mergeObjs(a, b));
// {x: {y : [123], z : 123}}

哇！这是我在多个页面上看到的第一篇StackOverflow文章。为添加另一个“答案”表示歉意

ES5及更早版本

此方法适用于ES5及更早版本-有许多其他答案可用于ES6。

我没有看到任何利用arguments属性的“深层”对象合并。以下是我的答案-紧凑和递归，允许传递无限的对象参数：

function extend() {
    for (var o = {}, i = 0; i < arguments.length; i++) {
        // Uncomment to skip arguments that are not objects (to prevent errors)
        // if (arguments[i].constructor !== Object) continue;
        for (var k in arguments[i]) {
            if (arguments[i].hasOwnProperty(k)) {
                o[k] = arguments[i][k].constructor === Object
                    ? extend(o[k] || {}, arguments[i][k])
                    : arguments[i][k];
            }
        }
    }
    return o;
}

实例

/***扩展对象*/函数扩展（）{对于（var o={}，i=0；i<arguments.length；i++）{for（自变量[i]中的var k）{if（参数[i].hasOwnProperty（k））{o[k]=参数[i][k].构造函数==对象? extend（o[k]||{}，参数[i][k]）：参数[i][k]；}}}返回o；}/***示例*/document.write（JSON.stringify（扩展({api:1，参数：{查询：“hello”}}, {参数：{查询：'there'}})));//输出｛“api”：1，“params”：｛“query”：“there”｝

这个答案现在只是沧海一粟。。。

使用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}