如何合并两个对象数组,并在JavaScript中求和重复对象键的值?

时间:2016-01-16 05:02:32

标签: javascript arrays object underscore.js lodash

所以,我在一个对象中有一个不确定数量的数组,我需要合并它们中的对象。保证数组长度相同,并保证对象具有相同的密钥。

我试过迭代它,虽然由于某种原因,它总结了数组中每个键的对象。

示例:

var demo = {
  "key1": [{"a": 4, "b": 3, "c": 2, "d": 1}, {"a": 2, "b": 3, "c": 4, "d": 5}, {"a": 1, "b": 4, "c": 2, "d": 9}]
  "key2": [{"a": 3, "b": 5, "c": 3, "d": 4}, {"a": 2, "b": 9, "c": 1, "d": 3}, {"a": 2, "b": 2, "c": 2, "d": 3}]
};

mergeArrays(demo);

/* Returns:
  {
    "arbitraryname": [{"a": 7, "b": 8, "c": 5, "d": 5}, {"a": 4, "b": 12, "c": 5, "d": 8}, {"a": 3, "b": 6, "c": 4, "d": 12}]
  }
*/

我目前的实施尝试做这样的事情:

var skeleton = {
  "a": 0,
  "b": 0,
  "c": 0,
  "d": 0
};

function mergeArrays = function (obj) {
  var flat = {};
  var keys = _.keys(prod);
  var len = obj[keys[0]].length;
  flat["arbitraryname"] = [];
  for (var i = 0; i < len; i++) {
    flat["arbitraryname"].push(skeleton);
  }
  flat["arbitraryname"].forEach(function (v, k) {
    _.forIn(v, function (key, value) {
      flat["arbitraryname"][k][key] += value;
    });
  });
  return flat;
}

有没有更简单的方法呢?它似乎现在返回一个完全相同的数组。 E.g:

[{"a": 14, "b": 26, "c": 14, "d": 25}, {"a": 14, "b": 26, "c": 14, "d": 25}, {"a": 14, "b": 26, "c": 14, "d": 25}]

其中每个对象是数组中所有元素的总和。我究竟做错了什么?有更简单的方法吗?

2 个答案:

答案 0 :(得分:3)

以下内容与问题顶部的注释数组相匹配。预期结果有点不清楚

使用Object.keys()可以轻松实现。

&#13;
&#13;
var demo = {
    "key1": [{"a": 4, "b": 3, "c": 2, "d": 1}, {"a": 2, "b": 3, "c": 4, "d": 5}, {"a": 1, "b": 4, "c": 2, "d": 9}],
    "key2": [{"a": 3, "b": 5, "c": 3, "d": 4}, {"a": 2, "b": 9, "c": 1, "d": 3}, {"a": 2, "b": 2, "c": 2, "d": 3}]
};

// iterate and map using first array
var res = demo.key1.map(function(item, idx) { 
    //  loop over keys of each object in array and return 
    //  new objects with sums of matching index and keys
    return Object.keys(item).reduce(function(obj,key) {
        obj[key] = item[key] + demo.key2[idx][key];
        return obj;
    },{});  
});

// print "res" for demo
document.getElementById('pre').innerHTML =JSON.stringify(res, null, 4)
&#13;
<pre id="pre"></pre>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

我的意思是,你可以自己编写它 - 它并不过分复杂,因为你的规则定义明确(加上vanilla与浏览器兼容):

var resultArray = [];

for(var key in demo) {
  if(demo.hasOwnProperty(key)) {
    demo[key].forEach(function(obj, i) {
      if(!resultArray[i]) {
        resultArray[i] = {};
      }

      for(var letterKey in obj) {
        if(obj.hasOwnProperty(letterKey)) {
          if(resultArray[i][letterKey]) {
            resultArray[i][letterKey] += obj[letterKey];
          } else {
            resultArray[i][letterKey] = obj[letterKey];
          } 
        }
      }
    });
  }
}

这应该有效。