React Native Sort array by date

Question

I am trying to sort results from a prop by date & time. Not sure how to do this.

props.data.map((r) => {
      console.log(r);
    });

array example

{
    "date": "2021-07-17",
    "time": "3:00",
    "title": "First Title",
    "description": "Testing"
}, {
    "date": "2021-07-17",
    "time": "3:00",
    "title": "Second Title",
    "description": "Testing"
}

Does this help you ? https://stackoverflow.com/a/10124053/9868549 I literally typed your title in google. — Quentin Grisel, Jul 17 '21 at 05:50
Does this answer your question? [How to sort an object array by date property?](https://stackoverflow.com/questions/10123953/how-to-sort-an-object-array-by-date-property) — Saurabh Agrawal, Jul 17 '21 at 06:05

score 2 · Accepted Answer · answered Jul 17 '21 at 05:53

2

Convert date into timestamp then compare timestamp to sort them using sort array method.

More about sort method on MDN

const data = [
{
    "date": "2021-07-17",
    "time": "3:00",
    "title": "First Title",
    "description": "Testing"
}, {
    "date": "2021-07-18",
    "time": "3:00",
    "title": "Second Title",
    "description": "Testing"
},
{
    "date": "2021-07-18",
    "time": "2:59",
    "title": "Second Title",
    "description": "Testing"
 }
]

const sorted = data.sort((a,b)=>{
  const dateA = new Date(`${a.date} ${a.time}`).valueOf();
  const dateB = new Date(`${b.date} ${b.time}`).valueOf();
  if(dateA > dateB){
    return 1; // return -1 here for DESC order
  }
  return -1 // return 1 here for DESC Order
});
console.log(sorted)

answered Jul 17 '21 at 05:53

Gulam Hussain

1,591
10
19

Works perfect. Is there a way to do this with "time" – Jerry Seigle Jul 17 '21 at 05:57
it works for combination of both `date` and `time` properties. do you mean sort only by `time` value? – Gulam Hussain Jul 17 '21 at 06:03
Yes sort only by time – Jerry Seigle Jul 17 '21 at 06:15
what if time is same but date is different? – Gulam Hussain Jul 17 '21 at 06:24
In this case the date will always be the same – Jerry Seigle Jul 17 '21 at 06:26
1

Ok then you can use the above code. it will work fine. – Gulam Hussain Jul 17 '21 at 06:28

React Native Sort array by date

1 Answers1