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 ? stackoverflow.com/a/10124053/9868549 I literally typed your title in google. — Quentin Grisel
– Quentin Grisel, Commented Jul 17, 2021 at 5:50
Does this answer your question? How to sort an object array by date property? — Saurabh Agrawal
– Saurabh Agrawal, Commented Jul 17, 2021 at 6:05

Gulam Hussain · Accepted Answer · 2021-07-17 05:53:29Z

4

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, 2021 at 5:53

Gulam Hussain

1,81313 silver badges23 bronze badges

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

6 Comments

Jerry Seigle Over a year ago

Works perfect. Is there a way to do this with "time"

Gulam Hussain Over a year ago

it works for combination of both date and time properties. do you mean sort only by time value?

Jerry Seigle Over a year ago

Yes sort only by time

Gulam Hussain Over a year ago

what if time is same but date is different?

Gulam Hussain Over a year ago

Ok then you can use the above code. it will work fine.

|

Collectives™ on Stack Overflow

React Native Sort array by date

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related