Question

我有一个表格的JSON字符串：

[
    {"ID":153,"CircuitID":53,"StartTime":"2014-11-12 12:45:00","EventFormatID":224,"TotalPlaces":8,"BookedPlaces":0,"ProvisionalPlaces":0},
    {"ID":161,"CircuitID":53,"StartTime":"2014-11-12 17:15:00","EventFormatID":224,"TotalPlaces":0,"BookedPlaces":0,"ProvisionalPlaces":0},
    {"ID":734,"CircuitID":53,"StartTime":"2014-11-12 18:30:00","EventFormatID":231,"TotalPlaces":14,"BookedPlaces":0,"ProvisionalPlaces":0}
]

代替事件格式ID和电路ID，我将返回名称

我需要做的是按事件格式ID对结果进行分组，并按以下格式返回结果：

Event 224 : 12:45 (8 places available), 17:15 (0 places available)
Event 231 : 18:30 (14 places available)

我似乎无法弄清楚如何循环访问数据，按事件格式ID对其进行分组，以便以所需格式显示！

由于

Answer 1

您可以使用任何其他库吗？我使用lo-dash会使这个变得相对简单：

var grouped = _.groupBy(data, "EventFormatID");
_(grouped).forEach(function (group, key) {
    console.log("Event:" + key);
    _(group).forEach(function (course) {
        console.log(course.StartTime + " (" + course.TotalPlaces + " places available)");
    });
});

显然，上面的示例会记录到控制台，但更改为构建您需要的任何字符串或对象非常简单。

Answer 2

使用lodash / underscore，甚至使用ES5数组和对象方法，这更容易，但是因为你问过纯JS：

var data = {}, results = [], i, j, id, time, obj, evts; // obj is your object above
for (i=0; i<obj.length; i++) {
  id = obj[i].EventFormatID;
  time = obj[i].StartTime; // you can simplify to get just the time, not the datetime, if you prefer
  data[id] = data[id] || [];
  data[id].push({"time":time,"places":obj[i].TotalPlaces});
}
// now you have a proper data structure, just print it out
for (i in data) {
  if (data.hasOwnProperty(i)) {
    // just show the output properly formatted
    evts = [];
    for (j=0;i<data[i].length;j++) {
       evts.push(data[i][j].time+" ("+data[i][j].places+" places available)");
    }
    results.push("Event "+i+" : "+evts.join(","));
  }
}

ES5让这更容易

var data = {}, results = [], obj; // obj is your object above
obj.forEach(function(val,i) {
  data[val.EventFormatID] = data[val.EventFormatID] || [];
  data[val.EventFormatID].push({"time":val.StartTime,"places":val.TotalPlaces});
});
// now you have a proper data structure, just print it out
Object.keys(data).forEach(function(key) {
  var value = data[key], evts = [];
  value.forEach(function(elm) {
     evts.push(elm.time+" ("+elm.places+" places available)");
  });
  results.push("Event "+key+" : "+evts.join(","));
});

而且lodash更容易。

Answer 3

请看一下：

http://jsfiddle.net/m260n5ud/

HTML

<div id="contentDiv"></div>

JS

function tidyUp(jsonArray) {
    var myObject = {};
    for (i = 0; i < jsonArray.length; i++) {
        var key = jsonArray[i]['EventFormatID'];
        var time = jsonArray[i]['StartTime'].replace(' ', ':').split(/[- :]/);
        time = time[3] + ":" + time[4];
        var totalPlace = jsonArray[i]['TotalPlaces'];

        if (myObject[key] == null) {
            myObject[key] = "Event : " + key + " : " + time + " ( " + totalPlace + " places available)";
        } else {
            myObject[key] += ", " + time + " ( " + totalPlace + " places available)";
        }
    }
    console.log(myObject);

    for (var k in myObject) {
        document.getElementById('contentDiv').innerHTML += myObject[k] + "<br/>";
    }
}

如何对以JSON格式返回的数据进行分组并将其返回？

3 个答案: