JSON数据-使用Javascript/Jquery按天分组(Sun、Mon、Tue、Wed、清华、Fri、Sat)

Question

下面的函数返回图表数据

上述函数返回的输出格式如下

[Object { date=Date,  value=112,  volume=1469}, Object { date=Date,  value=124,  volume=539}, Object { date=Date,  value=114,  volume=859}, Object { date=Date,  value=123,  volume=1284}, Object { date=Date,  value=113,  volume=1382}, Object { date=Date,  value=129,  volume=1353}]

从上面getChartData生成的输出中，我渴望看到以下类型的输出，其中01，02等是月份数。这基本上是将数据聚合到每周一天的水平。

[{'dayofweek':'01-SUN','value':xxx,'volume':'yyy},{'dayofweek':'01-MON','value':xxx,'volume':'yyy},{'dayofweek':'01-TUE','value':xxx,'volume':'yyy},{'dayofweek':'01-WED','value':xxx,'volume':'yyy},{'dayofweek':'01-THU','value':xxx,'volume':'yyy},{'dayofweek':'01-FRI','value':xxx,'volume':'yyy},{'dayofweek':'01-SAT','value':xxx,'volume':'yyy}]

我要JSON.stringify数组的getChartData输出，输出如下(显示这一点，以便'date'字段的值是可见的)

[{"date":"2014-10-06T06:00:00.000Z","value":119,"volume":1417},{"date":"2014-10-07T06:00:00.000Z","value":126,"volume":1421},{"date":"2014-10-08T06:00:00.000Z","value":140,"volume":850}]

上面的数组有几百个对象。我试图将这些汇总起来，以实现value & volume字段在一周水平上的逐个月和(星期日、星期一等的总和)。(星期六)

对象数组可以有任意字段。我的意思是，我想编写一个动态函数，其中每个对象的第一个元素将是一个日期字段，该字段由任何变量名称(日期、xdate、ydate等)表示。除第一个字段外的其他字段(有时可能有2个字段、3个字段或'n‘个字段)需要加起来&汇总到每个月的每周一天的水平。

以下是我正在做的事情

function setGroupingDayOfWeek(thisObj) {
  var chartData = getChartData("chartdiv");
  var keysOnly = Object.keys(chartData[0]);
  var objStruct = getObjStruct(keysOnly);
  var chartFeedJson = updatejsonStruct(objStruct,chartData)
}


function getObjStruct(keyArray) {
    //  var arrToObjContent = _.values(Object.keys(jsonData[0])),
  var arrToObjContent = keyArray,
    dayOfWeek = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"],
    i = 0,
    z,
    arrToObjLength = arrToObjContent.length,
    dayOfWeekLength = dayOfWeek.length,
    jsonObj = {},
    newObj,
    key,
    value;

  for (; i < dayOfWeekLength; i++) {
    newObj = {};
    for (z = 0; z < arrToObjLength; z++) {
      key = arrToObjContent[z];

      if (key === arrToObjContent[0]) {
        value = dayOfWeek[i];
      } else {
        value = "";
      }
      newObj[key] = value;
    }
    jsonObj[i] = newObj;
  }
  return jsonObj;
}


function updatejsonStruct(objStruct,chartData) {
    var baseStruct = objStruct,
        chartDataFormatted = JSON.stringify(chartData);
// The idea here is to first group it by months & then loop through & sum up all Sundays, Mondays etc to the end of week
    var groupedByMonth = _.groupBy(chartDataFormatted , function (item) {
        return item[0].substring(0, 9);
    });     
    console.log(groupedByMonth);
}

这不是按月分组数据。显然，我在聚合中做了错误的事情。我想问几个问题-

1)如何使用chartData，这是一个非划痕的版本&按月分组

2)如果(1)是硬/复杂的，我如何使用chartDataFormatted按月进行分组

3)在这之后，我想用计算的细节更新objStruct (按每周的天数分组)

现在，这完全是我想要做的，因为我对Jquery或其他酷的javacript库没有很好的经验。如果这样做更好(例如不需要baseStruct或直接将数据聚合到所需的格式)，我很高兴能得到一些指导。

如果我错过了解释你认为需要的东西，或者我没有清楚地交流，请告诉我。我会尽力澄清的。我一直被困在这个问题上没有太多的想法。因此，请你帮忙。

试图将分组减少到通过Sat -

显然，我没有以正确的方式访问对象数组。其思想是创建一个主数组，将Mon作为包含7个对象的对象数组中的许多字段之一(一周中每一天都有一个对象)。最后一个对象数组应该一周中每天只有7个对象。

我如何才能准确地查找服从的can数组&检查它中的zeroth字段的值？

var days = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]
var chartData = getChartData("chartdiv");

//use var chartData = getChartData("chartdiv") here instead;
keys = Object.keys(chartData[0]);
var newObjStruct = [{},{},{},{},{},{},{}];

for(var k = 0; k < days.length; k++){
  for(var i = 0; i < keys.length; i++){
      if (i === 0) {
          newObjStruct[k]['dayOfWeek' ] = days[k];
      } else {
          newObjStruct[k][keys[i]] = "";          
  }
  }
}

console.log(newObjStruct);

for (j=0; j<chartData.length; j++){
var castObj = JSON.stringify(chartData[j]);
console.log(castObj[0]);
//val.date.getDay();
      for(k = 0; k < newObjStruct.length; k++) {
           if (newObjStruct[k][0] === days[day]) {
for(var i = 0; i < keys.length; i++){
              newObjStruct[k][i] += chartData[keys[i]];
          } 
           }          
  }
}

Answer 1

请参阅以下JS链接：https://jsfiddle.net/ahu6kLvr/1/

var days = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT', 'SUN'];

var testArray = [{"date":"2014-10-06T06:00:00.000Z","value":119,"volume":1417},{"date":"2014-10-06T06:00:00.000Z","value":119,"volume":1417},{"date":"2014-10-07T06:00:00.000Z","value":126,"volume":1421},{"date":"2014-10-08T06:00:00.000Z","value":140,"volume":850}];

var groupResult = _.groupBy(testArray, function (value) {
  var d = new Date(value.date);
    return (d.getMonth()+1) + "-" + days[d.getDay()]
});

var result = [];

_.each(groupResult, function (value, key) {
  var volumeSum = 0;
  var valueSum = _.reduce(value, function(memo, obj){ 
    //valueSum += obj.value;    
    volumeSum += obj.volume;
    return memo + obj.value; 
  }, 0);
  result.push({ dayofweek: key, value: valueSum, volume: volumeSum });
})
console.log(result);

您可以首先按月和日分组，然后执行reduce将所有值和卷之和。关于您对其他答复的评论，我认为很难使字段具有动态性。

编辑：检查更新的小提琴：https://jsfiddle.net/ahu6kLvr/1/

var result = [];

_.each(groupResult, function (value, key) {
  var doc = _.reduce(value, function(memo, obj){
  delete obj.date;
   if (typeof(memo) == "number") {
    return obj;
   } else {
    for (var key in memo) {
        memo[key] += obj[key] || 0;
    }
    return memo;
   }
  }, 0);
  doc.dayOfWeek = key;
  result.push(doc);
})

Answer 2

这部分是动态的。该条件适用于对象的第一个键是date对象。

​

var days = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]
//I have used new Date which gets the current date, you don't need that.
var chartData = [{ date:new Date,  value:112,  volume:1469}, { date:new Date,  value:124,  volume:539}, { date:new Date,  value:114,  volume:859}, { date:new Date,  value:123,  volume:1284}, { date:new Date,  value:113,  volume:1382}, { date:new Date,  value:129,  volume:1353}];

//use var chartData = getChartData("chartdiv") here instead;
keys = Object.keys(chartData[0]);
var newA = chartData.map(function(val, i){
  day = val.date.getDay();
  month = (val.date.getMonth() + 1).toString();
  month = month.length == 2 ? month : '0' + month;
  rtn = {};
  for(var i = 0; i < keys.length; i++){
      if(i == 0){
          rtn[ 'dayOfWeek' ] = month + '-' + days[day];
      } else {
          rtn[ keys[i] ] = val[keys[i]];
      }
  }
  return rtn;
})
document.write(JSON.stringify(newA))

​