将数据数组格式化为对象

Question

我有一组数据看起来像

[
  {
    "title": "Appintment one",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-25T14:48:00.000Z",
    "end": "2021-01-28T14:48:00.000Z",
  },
  {
    "title": "Appintment two",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-26T14:48:00.000Z",
    "end": "2021-01-28T14:48:00.000Z",
  },
  {
    "title": "Appintment four",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-26T14:48:00.000Z",
    "end": "2021-01-26T14:48:00.000Z",
  }
]

这个数据是动态的，所以我可以有 1 或 100 多个约会。我想要实现的是创建一个对象，其中键是格式化的 start，值是一个包含当天约会的数组。

所以上面的内容类似于

    {
25-01-2021: [
{
    "title": "Appintment one",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-25T14:48:00.000Z",
    "end": "2021-01-28T14:48:00.000Z",
  }],
26-01-2021: [
{
    "title": "Appintment two",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-26T14:48:00.000Z",
    "end": "2021-01-28T14:48:00.000Z",
  },
  {
    "title": "Appintment four",
    "allDay": false,
    "operators": [
      "600510d6d0ee8475bcb6de34"
    ],
    "start": "2021-01-26T14:48:00.000Z",
    "end": "2021-01-26T14:48:00.000Z",
  }
]

}

到目前为止，我只设法将格式化日期作为键，但值是一个对象，因此每个键只包含一个约会...

我的代码（使用时刻）：

data.reduce((acc,curr)=> 
                (acc[moment(curr.start).format('DD-MM-YYYY')]=curr,acc),{});

Answer 1

您可以使用 array#reduce 根据日期对数据进行分组。

const data = [ { "title": "Appintment one", "allDay": false, "operators": [ "600510d6d0ee8475bcb6de34" ], "start": "2021-01-25T14:48:00.000Z", "end": "2021-01-28T14:48:00.000Z", }, { "title": "Appintment two", "allDay": false, "operators": [ "600510d6d0ee8475bcb6de34"], "start": "2021-01-26T14:48:00.000Z", "end": "2021-01-28T14:48:00.000Z", }, { "title": "Appintment four", "allDay": false, "operators": [ "600510d6d0ee8475bcb6de34" ], "start": "2021-01-26T14:48:00.000Z", "end": "2021-01-26T14:48:00.000Z", } ],
      groupedByDate = data.reduce((r, o) => {
        const key = moment(o.start).format('DD-MM-YYYY')
        r[key] = r[key] || [];
        r[key].push(o);
        return r;
      },{});
console.log(groupedByDate);

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous"></script>

将数据数组格式化为对象

Format array of data to object

javascript

arrays

momentjs