浅的

var obj = { name : "Jacob" , address : ["America"] }
var obj2 = { name : "Shaun" , address : ["Honk Kong"] }

var merged = Object.assign({} , obj,obj2 ); //shallow merge 
obj2.address[0] = "new city"

result.地址[0]更改为“新城”，即合并对象也更改。这就是浅层合并的问题。

deep

var obj = { name : "Jacob" , address : ["America"] }
var obj2 = { name : "Shaun" , address : ["Honk Kong"] }

var result = Object.assign({} , JSON.parse(JSON.stringify(obj)),JSON.parse(JSON.stringify(obj2)) )

obj2.address[0] = "new city"

result.address[0]未更改

jQuery还有一个实用程序：http://api.jquery.com/jQuery.extend/.

摘自jQuery文档：

// Merge options object into settings object
var settings = { validate: false, limit: 5, name: "foo" };
var options  = { validate: true, name: "bar" };
jQuery.extend(settings, options);

// Now the content of settings object is the following:
// { validate: true, limit: 5, name: "bar" }

上面的代码将改变现有的名为setting的对象。

如果要在不修改任何参数的情况下创建新对象，请使用以下命令：

var defaults = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };

/* Merge defaults and options, without modifying defaults */
var settings = $.extend({}, defaults, options);

// The content of settings variable is now the following:
// {validate: true, limit: 5, name: "bar"}
// The 'defaults' and 'options' variables remained the same.

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

我刚开始使用JavaScript，所以如果我错了，请纠正我。

但如果可以合并任意数量的对象，不是更好吗？下面是我如何使用本机Arguments对象实现的。

关键在于，实际上可以向JavaScript函数传递任意数量的参数，而无需在函数声明中定义它们。如果不使用Arguments对象，就无法访问它们。

function mergeObjects() (
    var tmpObj = {};

    for(var o in arguments) {
        for(var m in arguments[o]) {
            tmpObj[m] = arguments[o][m];
        }
    }
    return tmpObj;
}

哇！这是我在多个页面上看到的第一篇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”｝

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

原型具有以下特点：

Object.extend = function(destination,source) {
    for (var property in source)
        destination[property] = source[property];
    return destination;
}

obj1.extend（obj2）将执行您想要的操作。