Sorting an array of JavaScript objects according to date

Question

i have that file json:

var Point = [{

"id": 1,
"name": "A",
"LastUpdate": "2016-07-08",
"position": [36.8479648, 10.2793332]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-07",
"position":[ 36.8791039, 10.2656209]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-09",
"position": [36.9922751, 10.1255164]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-10",
"position": [36.9009882, 10.3009531]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-04",
"position": [37.2732415, 9.8713665]}];

How can i sort the objects by the LastUpdate(it's a date) property in ascending and descending order using only JavaScript?

You can refer to this question: stackoverflow.com/questions/1129216/… — ThanhPV
– ThanhPV, Commented Jul 11, 2016 at 11:02

Anik Islam Abhi · Accepted Answer · 2016-07-11 11:04:40Z

3

Try like this

Point.sort(function(a, b) {
  return (new Date(b.LastUpdate)) - (new Date(a.LastUpdate))
})

DEMO

answered Jul 11, 2016 at 11:04

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Comments

Mohit Bhardwaj · Accepted Answer · 2016-07-11 11:03:19Z

As your date format is YYYY-MM-DD ( year, followed by month, followed by date ), you can simply compare them as strings using String's localeCompare() method.

Then, you just need to add this to your custom sort function as described below:

var Points = [{

"id": 1,
"name": "A",
"LastUpdate": "2016-07-08",
"position": [36.8479648, 10.2793332]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-07",
"position":[ 36.8791039, 10.2656209]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-09",
"position": [36.9922751, 10.1255164]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-10",
"position": [36.9009882, 10.3009531]},{
"id": 1,
"name": "A",
"LastUpdate": "2016-07-04",
"position": [37.2732415, 9.8713665]}];

Points.sort(function(a, b){
  return a.LastUpdate.localeCompare( b.LastUpdate );
});

console.log( Points );

Sumit · Accepted Answer · 2016-07-11 12:49:53Z

1

As string are in ISO format, they can be sorted by direct string comparison, so no need to convert them in different type of object.

As pointed by Nina in comments, chrome uses different sorting algorithm for arrays larger than 10, so after all the benchmark test, the best method to sort will be

1st in performance (Avg. ms per task 0.011690500000258907)

Point.sort(function(a,b) {
return (a.LastUpdate > b.LastUpdate) ? 1 : ((b.LastUpdate > a.LastUpdate) ?-1:0);
});

Than 2nd in performance (Avg. ms per task 0.029657999999879395)

Point.sort(function(a, b) {
  return a.LastUpdate.localeCompare( b.LastUpdate );
})

3rd in performance (Avg. ms per task 0.03225850000019418)

Point.sort(function(a, b) {
  return (new Date(b.LastUpdate)) - (new Date(a.LastUpdate))
})

edited Jul 11, 2016 at 12:49

answered Jul 11, 2016 at 11:07

Sumit

2,31026 silver badges34 bronze badges

6 Comments

Nina Scholz Over a year ago

sort expect a callback with values smaller than 0, zero or greater than 0, according to the sort order.

Sumit Over a year ago

@Nina my greater than or less than check will give you same result as true and false are equivalent to 0 and 1, you can try the script as well with same numbers

Sumit Over a year ago

@NinaScholz I am not able to find any problem in my code, can you please describe me where it will fail?

Nina Scholz Over a year ago

it's just a misuse of sort if no value smaller than 0 is returned. you could make a check, how much itereation it need for the result and how much it needs with proper return value.

Nina Scholz Over a year ago

the acepted anwer has no good performance, because of the superfluous date juggeling. but you miss the part, where you make the callback faster with a stable return value.

|

Luke Harper · Accepted Answer · 2016-07-11 11:05:38Z

0

You can use the sort function with a compare function.

Point.sort(function(a, b) {
    var aSplit = a.LastUpdate.split("-"),
        aDate = new Date(aSplit[2], aSplit[1], aSplit[0]),
        bSplit = b.LastUpdate.split("-"),
        bDate = new Date(bSplit [2], bSplit [1], bSplit [0]);

    return aDate - bDate;
});

answered Jul 11, 2016 at 11:05

Luke Harper

813 bronze badges

Comments

RomanPerekhrest · Accepted Answer · 2016-07-11 11:09:05Z

0

Simple solution using Array.sort(with ES6 "arrow" function) and Date.parse function:

// ascending order
Point.sort((a, b) => Date.parse(a.LastUpdate) - Date.parse(b.LastUpdate));

answered Jul 11, 2016 at 11:09

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Comments

kevin ternet · Accepted Answer · 2016-07-11 11:11:53Z

0

ascending and descending :

ascPoint = Point.sort((a,b) => Date.parse(a.LastUpdate) -Date.parse(b.LastUpdate));
descPoint = ascPoint.reverse();

answered Jul 11, 2016 at 11:11

kevin ternet

4,6322 gold badges21 silver badges27 bronze badges

Collectives™ on Stack Overflow

Sorting an array of JavaScript objects according to date

6 Answers 6

Comments

Comments

6 Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

6 Comments

Comments

Comments

Comments

Linked

Related