javascript - 如何在 React Native 中按日期分组

Question

我正在尝试将我的 json 响应重组为按日期排序。

这是我的 Json 示例:

"data": [
  {
    "game_id": "728721",
    "game_date": "2016-11-03 20:25:00",
  },
  {
    "game_id": "728722",
    "game_date": "2016-11-06 13:00:00",
  }
]

我想在 ListView 中显示按日期分组的部分。

Answer 1

没有任何库的纯 JavaScript 方法

由于您的日期时间数据包含实际字符串，因此可以直接将字符串拆分为日期和时间，然后遍历每个项目并根据日期作为键对它们进行分组。以下是一个只是为了理解这个想法的例子(我没有测试过但它应该有效):

var groupData = (data) => {
    let result = []

    for (var d in data) {
        // get date from data
        var date = d.game_date.split(' ');

        // add into new array and use key as the date
        if (!result[date]) {
            result[date] = [d]
        } else {

            // if key already existed, extend into group
            result[date].push(d)
        }
    }

    return result;
}