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

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

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

obj1.merge(obj2);

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

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

当前回答

有三种方法可以做到这一点：-

方法1：-

// using spread ...
    let obj1 = {
        ...obj2
    };

方法2：-

// using  Object.assign() method
let obj1 = Object.assign({}, obj2);

方法3：-

// using JSON
let obj1 = JSON.parse(JSON.stringify(obj2));

2021-02-11 11:20:11

其他回答

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.assign方法。例如：

var result = Object.assign(obj1, obj2);

此外，请注意，它会创建对象的浅副本。

2019-12-26 06:32:46

让obj1＝{a:1，b:2}；让obj2={c:3，d:4}；let merged＝｛…obj1，…obj2｝；console.log（合并）；

2019-01-17 11:30:02

使用Undercore.js，要合并对象数组，请执行以下操作：

var arrayOfObjects = [ {a:1}, {b:2, c:3}, {d:4} ];
_(arrayOfObjects).reduce(function(memo, o) { return _(memo).extend(o); });

结果是：

Object {a: 1, b: 2, c: 3, d: 4}

2014-03-15 10:54:56

GitHub上有一个名为deepmmerge的库：这似乎正在引起一些关注。它是一个独立的，可以通过npm和bower包管理器获得。

我倾向于使用或改进这一点，而不是复制粘贴答案中的代码。

2014-06-22 21:02:47

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

推荐文章

最新文章

标签