如何动态合并两个JavaScript对象的财产？

我需要能够在运行时合并两个（非常简单）JavaScript对象。例如，我想：

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

obj1.merge(obj2);

//obj1 now has three properties: food, car, and animal

是否有一种内置的方法来实现这一点？我不需要递归，也不需要合并函数，只需要平面对象上的方法。

当前回答

您可以在EcmaScript2016中执行以下操作

更正：这是第三阶段的建议，但它始终对我有效

const objA = {
  attrA: 'hello',
  attrB: true
}

const objB = {
  attrC: 2
}

const mergedObj = {...objA, ...objB}

2017-02-02 12:15:00

其他回答

var firstObject = {
    key1 : 'value1',
    key2 : 'value2'
};

var secondObject={
  ...firstObject,
  key3 : 'value3',
  key4 : 'value4',
  key5 : 'value5'
}
console.log(firstObject);
console.log(secondObject);

2022-07-02 02:26:01

A={a:1,b:function(){alert(9)}}
B={a:2,c:3}
A.merge = function(){for(var i in B){A[i]=B[i]}}
A.merge()

结果是：｛a:2，c:3，b:function（）｝

2012-12-19 17:39:32

在YUI Y.merge中，应完成以下工作：

Y.merge(obj1, obj2, obj3....)

2012-02-08 18:29:35

这是我的刺

支持深度合并不改变参数采用任意数量的参数不扩展对象原型不依赖于其他库（jQuery、MooTools、Undercore.js等）包括检查hasOwnProperty短：）/*递归合并财产并返回新对象对象1&lt；-对象2[&lt；-…]*/函数合并（）{变量dst=｛｝，srcp，args=[].splice.call（参数，0）;while（参数长度>0）{src=参数拼接（0，1）[0]；if（toString.call（src）=='[object object]'）{for（src中的p）{if（src.hasOwnProperty（p））{if（toString.call（src[p]）=='[object object]'）{dst[p]=合并（dst[p]||{}，src[p]）；}其他{dst[p]=src[p]；}}}}}返回dst；}

例子：

a = {
    "p1": "p1a",
    "p2": [
        "a",
        "b",
        "c"
    ],
    "p3": true,
    "p5": null,
    "p6": {
        "p61": "p61a",
        "p62": "p62a",
        "p63": [
            "aa",
            "bb",
            "cc"
        ],
        "p64": {
            "p641": "p641a"
        }
    }
};

b = {
    "p1": "p1b",
    "p2": [
        "d",
        "e",
        "f"
    ],
    "p3": false,
    "p4": true,
    "p6": {
        "p61": "p61b",
        "p64": {
            "p642": "p642b"
        }
    }
};

c = {
    "p1": "p1c",
    "p3": null,
    "p6": {
        "p62": "p62c",
        "p64": {
            "p643": "p641c"
        }
    }
};

d = merge(a, b, c);


/*
    d = {
        "p1": "p1c",
        "p2": [
            "d",
            "e",
            "f"
        ],
        "p3": null,
        "p5": null,
        "p6": {
            "p61": "p61b",
            "p62": "p62c",
            "p63": [
                "aa",
                "bb",
                "cc"
            ],
            "p64": {
                "p641": "p641a",
                "p642": "p642b",
                "p643": "p641c"
            }
        },
        "p4": true
    };
*/

2013-04-23 20:45:20

我的方式：

function mergeObjects(defaults, settings) {
    Object.keys(defaults).forEach(function(key_default) {
        if (typeof settings[key_default] == "undefined") {
            settings[key_default] = defaults[key_default];
        } else if (isObject(defaults[key_default]) && isObject(settings[key_default])) {
            mergeObjects(defaults[key_default], settings[key_default]);
        }
    });

    function isObject(object) {
        return Object.prototype.toString.call(object) === '[object Object]';
    }

    return settings;
}

2013-08-01 16:03:10

如何动态合并两个JavaScript对象的财产？

推荐文章

最新文章

标签