How to sort the date form to latest to the oldest in array of objects react js

Question

I'm trying to sort the date from this array of objects from the latest to the oldest. I'm trying this code, i.e. copy the array to a new const and then use it with sort, but I have the same result, no sorted date. My code is below:

const array=[...user?.editedBy]
console.log(array,"array")

const sortedDates = array?.sort((dateA, dateB) => dateB.date -dateA.date )
console.log(sortedDates,'sortedArray')

The first pic is the console log from the array and the second from sortedDates.

So the same result, can someone please help me figure out what I'm missing?

Thank you in advance

Those are strings not dates, wrap them with new Date() before comparison. — Berk Kurkcuoglu
– Berk Kurkcuoglu, Commented Jan 25, 2022 at 21:06

gru · Accepted Answer · 2022-01-26 10:19:58Z

4

As you can see in your console screenshot, those aren't actually Date objects, but strings.

So you have to map the strings to Date objects and compare them afterward.

const sortedDates = array?
  .map(obj => { return { ...obj, date: new Date(obj.date) } })
  .sort((a, b) => b.date - a.date)

edited Jan 26, 2022 at 10:19

answered Jan 25, 2022 at 21:33

gru

3,2197 gold badges29 silver badges47 bronze badges

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

4 Comments

Emily Over a year ago

Thank you for the answer it does work, but I need in this array the other data as like id and the rest, this array now its returning just date. How do I fix that

gru Over a year ago

Oh, didn't see that. I fixed my answer. Works now?

gru Over a year ago

Also, check out the spread syntax here: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

gru Over a year ago

You're welcome, please accept the answer to improve the visibility.

Collectives™ on Stack Overflow

How to sort the date form to latest to the oldest in array of objects react js

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related