Question

我在JS中的数组中有三个对象，如下面的

[{"2013-03-02T00:00": 300}, {"2013-03-01T00:00": 200},{"2013-03-02T00:00": 50}]

我想要类似下面的内容作为上述数组的输出。

[{"2013-03-02T00:00": 350} , {"2013-03-01T00:00": 200}]

可以通过循环和添加来完成，有什么有效的方法可以做到吗？

提前致谢。

Answer 1

var myList = [{"2013-03-02T00:00": 300}, {"2013-03-01T00:00": 200},{"2013-03-02T00:00": 50}];
var result = {};
var item = null, key = null;
for(c=0; c<myList.length; c++) {
   item=myList[c];
   key = Object.keys(item)[0];
   item=item[key];

   if(!result[key]) result[key] = item;
   else result[key] += item;
}

console.log(result);

我将其作为练习留给读者将结果放入所要求的表格中。（毕竟你应该自己解决问题的至少一部分：）

Answer 2

如果您可以将关键字“date”添加为对象的另一个值，您可以对其进行排序和分组，当数组中有更多值时，这将更快，更优化。

[更新]：修正了一个小错误。

var arr = [{"date":"2013-03-02T00:00",val: 300}
 , {"date":"2013-03-01T00:00",val: 200}
 ,{"date":"2013-03-02T00:00",val: 50}];
function groupArray(arr){
  if(arr.length===0){return [];}
  var pref,i;
  // sort by date
  arr.sort(function(a,b){
    return (a.date>b.date)?1:(a.date<b.date)?-1:0; 
  });
  // loop through the array grouping objects by date
  pref=arr[0].date;
  for(i=1;i<arr.length;i++){
    if(arr[i].date===pref){
      //set the total
      arr[i-1].val=arr[i-1].val+arr[i].val;
      //remove the element
      arr.splice(i,1);
      // set i one back
      i--;
    }
    pref=arr[i].date;
  }
  return arr;
}
console.log(groupArray(arr));

一个更复杂的例子是当你动态想要提供键进行排序时，在上面的例子中，键是“硬编码”为日期，但你可能需要分组另一个键值，以下是一块我已经简化的代码，我已经简化为按一个键分组（原来使用了一组键）。您可以传递一个onMerge变量，该变量应该是一个处理如何合并2个项目的函数。此函数不是通用的，特定于添加要合并的对象的val属性。

var arr = [{"date":"2013-03-02T00:00",val: 300}
 , {"date":"2013-03-01T00:00",val: 200}
 , {"date":"2013-03-01T00:00",val: 200}
 , {"date":"2013-03-01T00:00",val: 200}
 , {"date":"2013-03-01T00:00",val: 200}
 ,{"date":"2013-03-02T00:00",val: 50}];
/**
* @param arr is the array to be merged
* @param key is the key to use for merge 
*   (like date) will merge on items with same 
*   date value
* @param onMerge function to call when 2 items
*    are merged with the 2 items as parameters
**/
function groupArray(arr,key,onMerge){
  if(arr.length===0){return [];}
  var pref,i;
  // sort by key
  arr.sort(function(a,b){
    return (a[key]>b[key])?1:(a[key]<b[key])?-1:0; 
  });
  // loop through the array grouping objects by key
  pref=arr[0][key];
  for(i=1;i<arr.length;i++){
    if(arr[i][key]===pref){
      //merge 2 items, call the onMerge callback
      arr[i-1]=onMerge(arr[i-1],arr[i]);
      //remove the element
      arr.splice(i,1);
      // set i one back
      i--;
    }
    pref=arr[i][key];
  }
  return arr;
}
// functon that will be called when 2 items are merged
// stay will stay and gone will be gone
// this function is specific to your data type
function onMergeCallback(stay,gone){
  stay.val=stay.val+gone.val;
  return stay;
}

console.log(groupArray(arr,"date",onMergeCallback));

Answer 3

您可能希望查看underscore.js，它具有许多用于操作和处理数据的有用，高效的函数的实现。具体来说，您需要查看_.groupBy函数：

var data = [{"2013-03-02T00:00": 300}, {"2013-03-01T00:00": 200},{"2013-03-02T00:00": 50}]
_.groupBy(data, function(obj) { return Object.keys(obj)[0]; })

您仍然需要迭代并对值求和，但这就是我们减少函数的原因！

如果你想要更具体的用例，我会看一下github上的源代码。

https://github.com/documentcloud/underscore

基于属性的Javascript对象和值有效

3 个答案: