How to display messages sorted by date like in telegrams?

Question

JavaScript

Let's say we have an array of objects

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"},
]

The output is

"May 15"

text
text 1

"yesterday"

text
text 2

"today"

text
text 3

Answer 1

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)

Answer 3

Sort array before output. If the array flies from the back, then send the sorting parameters to the back, sort there and return the desired option