我们可以装箱一个空对象，并通过for循环将它们组合起来：

变量obj1={id:“1”，name:'name'}变量obj2={c： “c”，d： “d”}var obj3=｛｝for（obj1中的var attrname）｛obj3[attrname]=obj1[attrname]；｝for（obj2中的var attrname）｛obj3[attrname]=obj2[attrname]；｝控制台日志（obj1、obj2、obj3）

浅的

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]未更改

使用ES6版本之后的Spread运算符

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
let result = {...obj1,...obj2};
console.log(result)

output { food: 'pizza', car: 'ford', animal: 'dog' }

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

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

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

以下两个可能是一个很好的起点。lodash还为那些特殊需求提供定制功能！

_.延伸(http://underscorejs.org/#extend) _.合并(https://lodash.com/docs#merge)