根据对象中键的值对数组中的对象进行分组

Question

我有以下数据，我想根据日期排序 - 不包括时间戳。

注意：我可以访问此任务的moment 。

我的数据如下所示：

const data = [
   {
     "fixture": "AC v Inter",
     "kickOffTime": "2018-06-14T15:00:00Z",
   },
   {
     "fixture": "DC v NYC",
     "kickOffTime": "2018-06-15T12:00:00Z",
   },
   {
     "fixture": "AFC v LPC",
     "kickOffTime": "2018-06-15T15:00:00Z",
   },
   {
      "fixture": "DTA v MC",
      "kickOffTime": "2018-06-15T18:00:00Z",
    },
    {
       "fixture": "LAC v GC",
       "kickOffTime": "2018-06-16T18:00:00Z",
    }
];

我尝试了很多方法。 我希望实现的最终结果是以下数据结构。

const updatedDataStructure = [
   {
     date: "2018-06-14",
     fixtures: [{
        "fixture": "AC v Inter",
        "kickOffTime": "2018-06-14T15:00:00Z",
      }]
   },
   {
     date: "2018-06-15",
     fixtures: [
      {
        "fixture": "DC v NYC",
        "kickOffTime": "2018-06-15T12:00:00Z",
       }, 
      {
        "fixture": "AFC v LPC",
       "kickOffTime": "2018-06-15T15:00:00Z",
      },
      {
        "fixture": "DTA v MC",
        "kickOffTime": "2018-06-15T18:00:00Z",
       },
     ]
   }, 
   {
     date: "2018-06-16",
     fixtures: [{
         "fixture": "LAC v GC",
         "kickOffTime": "2018-06-16T18:00:00Z",
     }]
   },
];

这是我最近的一次尝试：

const result = fixtures.reduce(function (r, a) {
  r[moment(a.kickOffTime).format('ddd Do MMM')] = r[moment(a.kickOffTime).format('ddd Do MMM')] || [];
  r[moment(a.kickOffTime).format('ddd Do MMM')].push(a);
  return r;
}, Object.create(null));

Answer 1

您可以使用reduce将数组分组到对象中。 使用Object.values可以将对象转换为数组。

 const data = [{ "fixture": "AC v Inter", "kickOffTime": "2018-06-14T15:00:00Z", }, { "fixture": "DC v NYC", "kickOffTime": "2018-06-15T12:00:00Z", }, { "fixture": "AFC v LPC", "kickOffTime": "2018-06-15T15:00:00Z", }, { "fixture": "DTA v MC", "kickOffTime": "2018-06-15T18:00:00Z", }, { "fixture": "LAC v GC", "kickOffTime": "2018-06-16T18:00:00Z", } ]; const result = Object.values(data.reduce((c, v) => { let t = v['kickOffTime'].split('T', 1)[0]; c[t] = c[t] || {date: t,fixtures: []} c[t].fixtures.push(v); return c; }, {})); console.log(result); 

Answer 2

您可以从日期中获取一个切片，然后获取对象的条目并映射新的键/值。

  const data = [{ fixture: "AC v Inter", kickOffTime: "2018-06-14T15:00:00Z" }, { fixture: "DC v NYC", kickOffTime: "2018-06-15T12:00:00Z" }, { fixture: "AFC v LPC", kickOffTime: "2018-06-15T15:00:00Z" }, { fixture: "DTA v MC", kickOffTime: "2018-06-15T18:00:00Z" }, { fixture: "LAC v GC", kickOffTime: "2018-06-16T18:00:00Z" }]; result = Object .entries(data.reduce((r, a) => { var key = a.kickOffTime.slice(0, 10); r[key] = r[key] || []; r[key].push(a); return r; }, Object.create(null))) .map(([date, fixtures]) => ({ date, fixtures })); console.log(result); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }