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

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

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

obj1.merge(obj2);

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

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

当前回答

对于不太复杂的对象，可以使用JSON：

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

objMerge = JSON.stringify(obj1) + JSON.stringify(obj2);

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

objMerge = objMerge.replace(/\}\{/, ","); //  \_ replace with comma for valid JSON

objMerge = JSON.parse(objMerge); // { food: 'pizza', animal: 'dog', car: 'chevy'}
// Of same keys in both objects, the last object's value is retained_/

请注意，在此示例中，“｝｛”不能出现在字符串中！

2010-02-26 19:13:58

其他回答

在Ext JS 4中，可以如下所示：

var mergedObject = Ext.Object.merge(object1, object2)

// Or shorter:
var mergedObject2 = Ext.merge(object1, object2)

请参见合并（对象）：对象。

2011-07-22 08:50:53

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

2008-12-21 13:02:01

使用jQuery库尝试这种方式

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

console.log(jQuery.extend(obj1, obj2))

2021-05-25 14:31:33

function extend()
{ 
    var o = {}; 

    for (var i in arguments)
    { 
        var s = arguments[i]; 

        for (var i in s)
        { 
            o[i] = s[i]; 
        } 
    } 

    return o;
}

2012-06-02 14:52:19

我使用Object.create（）来保持默认设置（使用__proto__或Object.getPrototypeOf（））。

function myPlugin( settings ){
    var defaults = {
        "keyName": [ "string 1", "string 2" ]
    }
    var options = Object.create( defaults );
    for (var key in settings) { options[key] = settings[key]; }
}
myPlugin( { "keyName": ["string 3", "string 4" ] } );

这样我以后就可以一直使用“concat（）”或“push（）”。

var newArray = options['keyName'].concat( options.__proto__['keyName'] );

注意：为了避免重复，需要在连接之前进行hasOwnProperty检查。

2013-12-04 16:42:20

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

推荐文章

最新文章

标签