【问题标题】:Combining JavaScript objects in an array with same key value将具有相同键值的数组中的 JavaScript 对象组合在一起
【发布时间】:2014-06-06 07:28:58
【问题描述】:

我一直在尝试将具有相同 id 值的数组中的对象组合在一起。我的数组是这样的:

[
{"id" : "abcd","val1" : 1,"val2": 1, "val3" : 0},
{"id" : "abcd","val1" : 1,"val2": 1, "val3" : 1},
{"id" : "efgh","val1" : 0,"val2": 0, "val3" : 1}
]

我一直在尝试找到一种方法来组合这些,以便结果如下:

[
{"id" : "abcd","val1" : 2,"val2": 2, "val3" : 1},
{"id" : "efgh","val1" : 0,"val2": 0, "val3" : 1}
]

有没有办法用underscore.js 做到这一点?

【问题讨论】:

标签: javascript arrays underscore.js


【解决方案1】:

这应该使用下划线的函数式方法:

_.map(_.groupBy(arr, "id"), function(vals, id) {
    return _.reduce(vals, function(m, o) {
        for (var p in o)
            if (p != "id")
                m[p] = (m[p]||0)+o[p];
        return m;
    }, {id: id});
});

【讨论】:

  • +1 但我有点失望 _ 并没有使它比普通解决方案更简单或更短。
  • 嗯,我很想为此编写一个通用的辅助函数 :-)
  • 您好,这个解决方案效果很好。我尝试了各种下划线技巧,但我就是无法理解那些组合的东西。现在看起来更清楚了:)谢谢!
【解决方案2】:

执行此操作的标准方法是使用对象作为地图(此处为 b):

var b = {}, arr = [];
for (var id in a) {
  var oa = a[id], ob = b[oa.id];
  if (!ob) arr.push(ob = b[oa.id] = {}); 
  for (var k in oa) ob[k] = k==='id' ? oa.id : (ob[k]||0)+oa[k];
}
console.log(arr)

【讨论】:

  • 如果有不明显的地方,告诉我,我会写一个更详细的答案。
  • 只是为什么你在第一次修订中忘记了id :-) 当我想问这个问题时,你已经删除了帖子。 +1!
【解决方案3】:

参考下面的例子

var array = [{
    "sequence" : 1,
    "locationId" : "332228",
    "lat" : 25.246511,
    "lng" : 55.293837,
    "stopName" : "332228",
    "locationType" : "service",
    "serviceType" : "Delivery",
    "arrivalTime" : 37666,
    "departureTime" : 37830,
    "travelTime" : 1593,
    "travelDistance" : 20985,
    "travelCost" : 0,
    "serviceTime" : 30,
    "serviceTimeCost" : 0,
    "tripNumber" : 0,
    "orders" : [ 
        {
            "orderId" : "AQ137O1701240",
            "SIZE1" : "28",
            "SIZE2" : "520",
            "SIZE3" : "52"
        }
    ],
    "stopId" : "SkhirG2ioZ"
}, 
{
    "sequence" : 2,
    "locationId" : "332228",
    "lat" : 25.236407,
    "lng" : 55.272403,
    "stopName" : "332228",
    "locationType" : "service",
    "serviceType" : "Delivery",
    "arrivalTime" : 38575,
    "departureTime" : 38605,
    "travelTime" : 1593,
    "travelDistance" : 20985,
    "travelCost" : 0,
    "serviceTime" : 30,
    "serviceTimeCost" : 0,
    "tripNumber" : 0,
    "orders" : [ 
        {
            "orderId" : "AQ137O1701233",
            "SIZE1" : "23",
            "SIZE2" : "402",
            "SIZE3" : "30"
        }
    ],
    "stopId" : "H1iirfhisW"
}, 
{
    "sequence" : 3,
    "locationId" : "332228",
    "lat" : 25.221368,
    "lng" : 55.265915,
    "stopName" : "332228",
    "locationType" : "service",
    "serviceType" : "Delivery",
    "arrivalTime" : 39137,
    "departureTime" : 39167,
    "travelTime" : 974,
    "travelDistance" : 5717,
    "travelCost" : 0,
    "serviceTime" : 30,
    "serviceTimeCost" : 0,
    "tripNumber" : 0,
    "orders" : [ 
        {
            "orderId" : "AQ110O1705036",
            "SIZE1" : "60",
            "SIZE2" : "1046",
            "SIZE3" : "68"
        }
    ],
    "stopId" : "H1csHM3jjb"
}]

var arrOut = [];

array.forEach(function(value) {
  var existing = arrOut.filter(function(v, i) {
    return v.locationId == value.locationId;
  });
  if (existing.length) {
    var existingIndex = arrOut.indexOf(existing[0]);
    arrOut[existingIndex].orders = arrOut[existingIndex].orders.concat(value.orders);
  } else {
    if(Array.isArray(value.orders)){
      value.orders = value.orders
      arrOut.push(value); 
    }
  }
});


document.write('<pre>' + JSON.stringify(arrOut, 0, 4) + '</pre>');

【讨论】:

    【解决方案4】:

    这是我乏味的方式: 小提琴:http://jsfiddle.net/hN8b6/5/

    var a = [{
        "id": "abcd",
            "val1": 1,
            "val2": 1,
            "val3": 0
    }, {
        "id": "abcd",
            "val1": 1,
            "val2": 1,
            "val3": 1
    }, {
        "id": "efgh",
            "val1": 0,
            "val2": 0,
            "val3": 1
    }];
    
    // clone a
    a2 = JSON.parse(JSON.stringify(a));
    
    // make sure elements with the same id are next to each other
    a2.sort(function (x, y) {
        if (x['id'] < y['id']) {
            return -1;
        }
        if (x['id'] > y['id']) {
            return 1;
        }
        return 0;
    });
    
    // iterate over each one, if this one has the same id as the previous one, accumulate
    // else add to b
    var lastId;
    var b = [];
    for (var i = 0; i < a2.length; i++) {
        if (lastId == a2[i]['id']) {
            b[b.length-1]['val1'] += a2[i]['val1'];
            b[b.length-1]['val2'] += a2[i]['val2'];
            b[b.length-1]['val3'] += a2[i]['val3'];
        } else {
            b[b.length] = (a2[i]);
            lastId = a2[i]['id'];
        }
    }
    
    console.log(b);
    

    【讨论】:

    • 你不觉得“有点”乏味吗?
    • 不要修改来自a的对象!
    • ... 或警告它。即使看起来像危险的做法,这也可能是 OP 的理想行为。
    • 感谢大家的建议。刚刚做出改变
    • 哦,对了,我什至错过了 a 被重新排序。但我实际上担心修改数组中的对象 in
    猜你喜欢
    • 1970-01-01
    • 2021-10-09
    • 2018-01-26
    • 2020-12-16
    • 2017-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多