合并 JavaScript 数组中的重复项

我有一个愚蠢的问题，乍一看似乎很容易解决，但结果却很棘手。

我有一个对象数组，每个对象都有两个属性：id 和 value：

[ 
  {id: 2, value: 10}, 
  {id: 4, value: 3},
  {id: 2, value: 2},
  {id: 1, value: 15}
]

我想编写一个算法来总结具有相似 id 的值。 我的最终结果应该是一个仅包含合并对象的新数组：

[ 
  {id: 2, value: 12}, 
  {id: 4, value: 3},
  {id: 1, value: 15}
]

我已尝试以下方法，但它不起作用：

var arr = [];
arr.push({id: 2, visit:10}); 
arr.push({id: 4, visit:3}); 
arr.push({id: 2, visit:2}); 
arr.push({id: 1, visit:15}); 

// Deep copy
var copy = jQuery.extend(true, [], arr);
var masterArr = [];

for (var i = 0; i < arr.length; i++) {
    var objArr = [];
    objArr.push(arr[i]);
        for (var j = copy.length-1; j > -1; j--) {
        if (arr[i].id === copy[j].id) {
            var q = copy.splice(j,1);
        }
    }
        masterArr.push(objArr);
}

我的计划是首先将所有相似的对象收集在单独的数组（objArr）中，将它们求和并将它们放入一个结束数组（masterArr）中。我使用jquerys扩展进行深层复制（而不是引用）并反向迭代和拼接以删除已被发现为“重复项”的对象。

这不行！这似乎不是解决我的问题的非常有效的方法。 我怎么能这样做呢？性能不是首要任务，而是“拥有就好”！

Thanks!

你可以这样做：

// Assuming:
a = [{id: 2, value: 10}, {id: 4, value: 3}, {id: 2, value: 2}, {id: 1, value: 15}]

var b = {}, // Temporary variable;
    c = []; // This will contain the result;

// Build a id:value object ( {1: 15, 2: 12, 4: 3} )
a.map(function(current){b[current.id] = (b[current.id] || 0) + current.value});
for(var key in b){  // Form that into the desired output format.
    c.push({id: parseInt(key, 10), value: b[key]});
}

console.log(c);
/* [{id: 1, value: 15},
    {id: 2, value: 12},
    {id: 4, value: 3}]  */

我在用着parseInt(key, 10)，由于键是字符串，您可能希望它们再次转换为整数。