使用 moment.js 按日期对数组进行分类

Question

I'm trying to group the array items by date. Array list looks like this:

{
    title: 'title 01',
    timestamp: 1574082000000
},
{
    title: 'title 02',
    timestamp: 1574071200000
},
{
    title: 'title 03',
    timestamp: 1573974000000
},
.
.
.

The output should be like this:

November 19, 2019 ( or today )

Title 01

Title 02

November 18, 2019

Title 03

Last Week

Title 04

September

Title...

Frankly, I couldn't do too much but I manage to get the week names in the desired format with the following code:

for ( let i = 0; i < transactions.length; i++ ) {
    let timestamps = moment( transactions[i].timestamp ).startOf('week')._d
    let weeklyTime = moment( timestamps ).format( 'Do MMMM, YYYY' )

    console.log( weeklyTime )
}

Best,

~ Nathan.

Answer 1

Maybe "relative time" from moment.js is what you are looking for? .fromNow() method gives you a nice relative date.

 var transactions=[{ title: 'title 01', timestamp: moment().subtract(2, 'hours') //create test date for 2 days ago }, { title: 'title 02', timestamp: moment().subtract(2, 'hours') //create test date for 2 days ago }, { title: 'title 03', timestamp: moment().subtract(1, 'days') //create test date for yesterday }, { title: 'title 04', timestamp: moment().subtract(7, 'days') //create test date for last week }, { title: 'title 05', timestamp: moment().subtract(70, 'days') //create test date for 2 months ago }] var transactionsSortedWithRelativeTime = transactions.sort((t1, t2) => t1.valueOf()-t2.valueOf()).map(t => ({...t, when:moment(t.timestamp).fromNow()})); (new Set(transactionsSortedWithRelativeTime.map(t => t.when))).forEach(when => { console.log(when + ': '); transactionsSortedWithRelativeTime.filter(t => t.when == when).forEach(t => console.log(' ' + t.title)) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>