Question

我有两个不同的对象

var objA = { a: 10, b: 20, c: 30 }; var objB = { a: 3, c: 6, d: 3 };

我希望将它们的值相加，如下面的示例

{ a: 13, b: 20, c: 36, d: 3 }

Answer 1

使用Array#reduce方法

＆＃13;

var objA = {
  a: 10,
  b: 20,
  c: 30
};
var objB = {
  a: 3,
  c: 6,
  d: 3
};

console.log(
  // concatenate keys array
  Object.keys(objA).concat(Object.keys(objB))
  // or use Object.keys(Object.assign({},objA,objB))

  // iterate to generate the object
  .reduce(function(obj, k) {
    // define object property, treat as 0 if not defined
    obj[k] = (objA[k] || 0) + (objB[k] || 0);
    // return object difference
    return obj;
    // set initial value as an empty object
  }, {})
)

＆＃13;

或者更好的方法是将初始值定义为第二个对象的副本。

＆＃13;

var objA = {
  a: 10,
  b: 20,
  c: 30
};
var objB = {
  a: 3,
  c: 6,
  d: 3
};

console.log(
  // get property names array of objB ----Edit objA -----
  Object.keys(objA)
  // iterate over array
  .reduce(function(obj, k) {
    // add value to existing property or update
    obj[k] = (obj[k] || 0) + objA[k];
    // return object reference
    return obj;
    // define initial value as an object which holds 
    // all the property and value in objB
  }, Object.assign({}, objB))
)

＆＃13;

Answer 2

使用lodash

function customizer(objValue, srcValue) {
    if(objValue && srcValue)
    return objValue+srcValue;
}

var objA = { a: 10, b: 20, c: 30 }; var objB = { a: 3, c: 6, d: 3 };

console.log(_.mergeWith(objA, objB, customizer));

Demo

Answer 3

＆＃13;

var objA = { a: 10, b: 20, c: 30 }; var objB = { a: 3, c: 6, d: 3 };
var objC = {}
for (key in objA) {
	if (objB.hasOwnProperty(key)) {
		objC[key] = objA[key] + objB[key]
  } else {
  	objC[key] = objA[key]
  }
}
for (key in objB) {
	if (!objC.hasOwnProperty(key)) {
    if (objA.hasOwnProperty(key)) {
      objC[key] = objA[key] + objB[key]
    } else {
      objC[key] = objB[key]
    }
  }
}
console.log(objC)

＆＃13;

Answer 4

我非常喜欢第二个Pranav C Balan解决方案。但我浪费了一点时间，所以也发布我的解决方案：）。

MP_QSTR_mem16

Answer 5

使用Object.assign()和Array.prototype.reduce()函数对解决方案进行排序：

＆＃13;

var objA = { a: 10, b: 20, c: 30 },
    objB = { a: 3, c: 6, d: 3},
    merged = Object.assign({}, objA, objB);

var result = Object.keys(merged).reduce(function (r, k) {
    r[k] = (merged[k] && objA[k] && objB[k])? merged[k] + objA[k] : merged[k];
    return r;
}, {});

console.log(result);

＆＃13;

两个不同对象的总和值

5 个答案: