Sort Objects By datetime in JavaScript

Question

I have contacts that have SMS messages associated with them. Each sms record has properties such as time. Time is an timestamp string formatted as this example

2022-04-29T16:10:43-06:00

I am trying to sort this array of sms messages so that the latest one is the last one and the earliest one is the first one in the array. I thought I had it nailed down but apparently I don't. Its still not perfectly sorting at all.

this.getRecent()
    .then(contacts => {
        const sorted = contacts.map(contact => {
            contact.sms = contact.sms.sort((a,b) => (a.time.localeCompare(b.time));
            return contact;
        });
        // rest of code here
    })
    .catch(err => this.handleError(err));

What do you mean by not sorting? What is the data you have, what sorting do you expect, and what is the actual sort order? — VLAZ, May 10 '22 at 18:22
Possible duplicate: [How to sort an object array by date property?](https://stackoverflow.com/q/10123953) — VLAZ, May 10 '22 at 19:20

score 1 · Answer 1 · answered May 10 '22 at 18:27

Based on your question, I'm making the assumption that the contact.sms object contains an array of objects where time is a string (localeCompare is called). Since dates can have operators applied to them, you can sort them like any number.

const dates = [
  new Date("2022-04-29T16:10:43-06:00"),
  new Date("2023-04-29T16:10:43-06:00"),
  new Date("2022-01-29T16:10:43-06:00")
]

console.log(dates)

dates.sort((a, b) => a - b)

console.log(dates)

In your case,

// Sorts dates where the least recent is first.
contact.sms = contact.sms.sort((a,b) => new Date(a.time) - new Date(b.time));

score 0 · Answer 2 · edited May 10 '22 at 18:33

0

You can parse them to a Date and compare the milliseconds:

contact.sms.sort((a,b) => new Date(a.time) - new Date(b.time));

Or swap a and b if you want to reverse the order.

edited May 10 '22 at 18:33

LeoDog896

3,472
1
15
40

answered May 10 '22 at 18:24

Schokokuchen Bäcker

766
4
17

Sort Objects By datetime in JavaScript

2 Answers2