javascript - 如何在 Javascript 中打印一次日期标签

Question

我正在使用 vueJs 构建一个聊天应用程序，我想像 Whats app 一样显示日期标签。

客户端以以下格式接收消息

{

    {
        author: 21,
        created_at: "12:09 pm",
        data: "chat message",
        message_group: "today",
        type: "text" 
    },
    {
        author: 22,
        created_at: "11:30 pm",
        data: "chat message 2",
        message_group: "today",
        type: "text"
    },
    {
        author: 22,
        created_at: "11:29 pm",
        data: "chat message 3",
        message_group: "yesterday",
        type: "text"
    }
}

如何以以下格式打印消息。

Yesterday
    Chat Message 3
Today
    Chat Message 2
    Chat Message     

如何在不分组数组的情况下做到这一点？

谢谢

Answer 1

无法在评论中做到这一点，因此将其作为答案。

您可以使用计算属性或getter (vuex)来获取日期标签，而无需按如下方式分组

// Do your sorting first
computed: {
  dayLabels() {
    return a.reduce((acc, message) => {
      if (!acc.includes(message.message_group)) {
          acc.push(message.message_group);  
      }
      return acc;
    }, []);
  }
}