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

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

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

obj1.merge(obj2);

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

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

当前回答

Object.assign(TargetObject, Obj1, Obj2, ...);

2020-10-20 05:13:52

其他回答

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

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

obj1 = Object.extend(obj1, obj2);

2009-03-13 12:48:14

这里是我在代码库中用于合并的内容。

function merge(to, from) {
  if (typeof to === 'object' && typeof from === 'object') {
    for (var pro in from) {
      if (from.hasOwnProperty(pro)) {
        to[pro] = from[pro];
      }
    }
  }
  else{
      throw "Merge function can apply only on object";
  }
}

2016-01-11 09:20:26

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

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

2015-01-30 00:59:48

另一种方法：

function concat_collection(obj1, obj2) {
    var i;
    var arr = new Array();

    var len1 = obj1.length;
    for (i=0; i<len1; i++) {
        arr.push(obj1[i]);
    }

    var len2 = obj2.length;
    for (i=0; i<len2; i++) {
        arr.push(obj2[i]);
    }

    return arr;
}

var ELEMENTS = concat_collection(A,B);
for(var i = 0; i < ELEMENTS.length; i++) {
    alert(ELEMENTS[i].value);
}

2015-03-31 17:09:41

使用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' }

2020-01-11 12:59:01

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

推荐文章

最新文章

标签