How to sort by oldest and newest using date?

Question

I have a presentation like this, of course, with more books, I want to sort the books based on the oldest and newest, how should I do this?

const userBooks = [
  {
    id: 1,
    name: "",
    author: "",
    genre: "",
    date: "2022-1-12",
  },
  {
    id: 2,
    name: "",
    author: "",
    genre: "",
    date: "2022-2-8",
  },
];

Please do research before posting here. Sorting an array by a field is trivial and how to do it can be found easily. The main issue is probably your date's string format, not sure if that will parse as-is. — , Jul 26 '22 at 09:15
See [this](https://stackoverflow.com/questions/10123953/how-to-sort-an-object-array-by-date-property?r=SearchResults&s=1%7C694.4854) and [this](http://stackoverflow.com/questions/4791623/date-parse-in-javascript/4791655#4791655). (I should have voted duplicate rather than needs focus, my bad.) — T.J. Crowder, Jul 26 '22 at 09:18
@EhsanKey_ - Again, please see [this question's answers](http://stackoverflow.com/questions/4791623/date-parse-in-javascript/4791655#4791655) and ignore answers that assume `new Date` will work with your date strings. It won't, reliably, cross-browser. — T.J. Crowder, Jul 26 '22 at 09:35

score 0 · Accepted Answer · answered Jul 26 '22 at 09:09

0

You can do this to sort it by date descending:

let descending = userBooks.sort((x,y) => new Date(y.date) - new Date(x.date))

or by date ascending:

let ascending = userBooks.sort((x,y) => new Date(x.date) - new Date(y.date))

answered Jul 26 '22 at 09:09

Nick

3,454
6
33
56

score -1 · Answer 2 · answered Jul 26 '22 at 09:09

-1

firstly save the date using javascript date function and consider this page https://stackabuse.com/how-to-sort-an-array-by-date-in-javascript/

answered Jul 26 '22 at 09:09

Veer-Khatri

35
6

score -1 · Answer 3 · answered Jul 26 '22 at 09:26

if you use new Data(userBooks.data) for comparing array's elements you're good to go. I used .sort method:

let sortedUserBooks = userBooks.sort((a, b) => {
  return new Date(a.date) - new Date(b.date)
})

console.log(sortedUserBooks)

and here is result:

[
  { id: 3, name: '', author: '', genre: '', date: '2022-1-5' },
  { id: 1, name: '', author: '', genre: '', date: '2022-1-12' },
  { id: 2, name: '', author: '', genre: '', date: '2022-2-8' }
]

I added third object to check if it works.

How to sort by oldest and newest using date?

3 Answers3