How to sort array of objects based on descending order of date in reactjs?

Question

I have an array of objects as below and want to sort it in descending order.

Below is the array of objects

[
{
    "attributes": {

    },
    "timestamp": "2019-04-03T21:00:00+00:00",
},
{
    "attributes": {
    },
    "timestamp": "2019-04-03T09:24:27.179190+00:00",
},
{
    "attributes": {
    },
    "timestamp": "2019-04-03T08:54:06.721557+00:00",
},
{
    "attributes": {

    },
    "timestamp": "2019-04-03T04:54:56.227415+00:00",
},
]

What I have tried?

 let sorted_array = this.state.array.sort((a, b) => a.timestamp - 
     b.timestamp);
 this.setState({array: sorted_array});

But this doesnt work. Could you someone help me with this?

Shidersz · Accepted Answer · 2019-04-05 16:02:55Z

4

Since the timestamps are normalized for lexicographical sort, maybe you can use String.localeCompare() on the sort method:

let input = [
  {
    "attributes": {},
    "timestamp": "2019-04-03T21:00:00+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T09:24:27.179190+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T08:54:06.721557+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T04:54:56.227415+00:00",
  }
];

input.sort((a, b) => b.timestamp.localeCompare(a.timestamp));
console.log(input);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

If you need to sort in ascending order, then use:

input.sort((a, b) => a.timestamp.localeCompare(b.timestamp));

edited Apr 5, 2019 at 16:02

answered Apr 5, 2019 at 15:50

Shidersz

17.2k2 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mbojko · Accepted Answer · 2019-04-05 15:45:23Z

1

Replace

(a, b) => a.timestamp - b.timestamp

with

(a, b) => a.timestamp.valueOf() - b.timestamp.valueOf()

(That's if the timestamp is indeed a Date object.)

answered Apr 5, 2019 at 15:45

mbojko

14.8k2 gold badges21 silver badges28 bronze badges

Comments

Krzysztof Krzeszewski · Accepted Answer · 2019-04-05 15:50:34Z

0

You could create date object of each time stamp and compare those

const data = [
  {
    "attributes": {},
    "timestamp": "2019-04-03T21:00:00+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T09:24:27.179190+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T08:54:06.721557+00:00",
  },
  {
    "attributes": {},
    "timestamp": "2019-04-03T04:54:56.227415+00:00",
  },
]

console.log(data.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp)));

answered Apr 5, 2019 at 15:50

Krzysztof Krzeszewski

6,8382 gold badges23 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to sort array of objects based on descending order of date in reactjs?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related