Как сделать вывод сообщений с сортировкой по дате как в телеграмм?

Question

[sd2056]

Допустим есть такой массив объектов

const arr = [
{id:0, text: "text", date: "2021-05-14T16:29:46.000Z"},
    {id:1, text: "text 2", date: "2021-05-14T17:29:46.000Z"},
    {id:1, text: "text 3", date: "2021-06-14T17:29:46.000Z"},
]

Вывод такой

"15 мая"

текст
текст 1

"вчера"

текст
текст 2

"сегодня"

текст
текст 3

Answer 1

[chincharovpc]

const groupArr = {}
arr.map(message => ({...message, date: new Date(message.date)}))
    .sort((m1, m2) => m1.date - m2.date)
    .forEach(message => {
        const date = message.date.toISOString().split('T')[0]
        if (!groupArr.hasOwnProperty(date)) {
            groupArr[date] = []
        }
        groupArr[date].push(message)
    })

Object.keys(groupArr).forEach(key => console.log(groupArr[key]))

Answer 2

[Дмитрий Беляев]

const sortedArr = arr
    .map(({date, ...rest}) =>
        ({...rest, date: new Date(date)}))
    .sort(({date: a}, {date: b}) =>
        b - a);
console.log(sortedArr)

Comments

[sd2056]

в итоге я получаю только отсортированный массив

Answer 3

[Алексей]

Отсортировать массив перед выводом. Если массив летит с бэка, то отправлять параметры сортировки на бэк, там сортировать и возвращать нужный вариант