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

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

原型中的正确实现应该如下所示：

var obj1 = {food: 'pizza', car: 'ford'}
var obj2 = {animal: 'dog'}

obj1 = Object.extend(obj1, obj2);

应修改给定的解决方案以检查for中的source.hasOwnProperty（属性）。。在赋值之前的循环中-否则，您最终会复制整个原型链的财产，这是很少需要的。。。

您可以通过以下方法合并对象

var obj1＝{food:‘pizza‘，car:‘ford‘}；var obj2=｛animal:‘dog‘｝；var result=合并对象（[obj1，obj2]）；console.log（结果）；document.write（“result:<pre>”+JSON.stringify（result，0，3）+“</pre>”）；函数mergeObjects（objectArray）{if（objectArray.length）{var b=“”，i=-1；while（objectArray[++i]）{var str=JSON.stringify（objectArray[i]）；b+=字符串长度（1，字符串长度-1）；如果（objectArray[i+1]）b+=“，”；}返回JSON.parse（“｛”+b+“｝”）；}返回{}；}

这会将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}}

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

// result
result: {food: "pizza", car: "ford", animal: "dog"}

使用jQuery.exde（）-Link

// Merge obj1 & obj2 to result
var result1 = $.extend( {}, obj1, obj2 );

使用_.merge（）-链接

// Merge obj1 & obj2 to result
var result2 = _.merge( {}, obj1, obj2 );

使用_.exde（）-链接

// Merge obj1 & obj2 to result
var result3 = _.extend( {}, obj1, obj2 );

使用Object.assign（）ECMAScript 2015（ES6）-Link

// Merge obj1 & obj2 to result
var result4 = Object.assign( {}, obj1, obj2 );

全部输出

obj1: { animal: 'dog' }
obj2: { food: 'pizza', car: 'ford' }
result1: {food: "pizza", car: "ford", animal: "dog"}
result2: {food: "pizza", car: "ford", animal: "dog"}
result3: {food: "pizza", car: "ford", animal: "dog"}
result4: {food: "pizza", car: "ford", animal: "dog"}