javascript - JSON 数据 - 使用 Javascript/Jquery 按星期几(星期日、星期一、星期二、星期三、星期四、星期五、星期六)分组

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 字段在一周中的一天逐月的总和(周日，周一等的总计...... .星期六)。

对象数组可以有任何字段。我的意思是，我想编写一个动态函数，其中每个对象的第一个元素都是一个由任何变量名(date、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 这是非 strigified 版本并按月分组

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

3) 最后，我想用计算的详细信息更新 objStruct(按天 ogf 周分组)

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

如果我没有解释您认为需要的内容，或者如果我没有清楚地传达，请告诉我。我会尽力澄清。我一直坚持这个没有太多想法。因此，请求帮助。

尝试将分组减少到 Just Mon 到 Sat -

显然我没有以正确的方式访问对象数组。这个想法是创建一个主数组，其中包含 Mon - Sun 作为包含 7 个对象(一个对象代表一周中的每一天)的对象数组中的众多字段之一。最终的对象数组应该只有 7 个对象，一周中每天一个。

我该如何查找对象数组并检查其中第零个字段的值？

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 Fiddle 链接: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 以汇总所有值和数量。关于您对其他答案的评论，我认为很难使字段动态化。

编辑:检查更新的 fiddle :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);
})