Sorting array with date types

Question

Still new to this. I encountered a problem when trying to sort an array of objects with a Date type. For example: I have 3 cars with: (Name, Date of first registration(type Date)). How do I sort this array? Should I change date to string? Thanks.

function car(Make, Model, Date) {
  return Make + Model + Date;
}
var date1 = '2010';
var date2 = '2003';
var date3 = '2015';

var d1 = new Date(date1);
var d2 = new Date(date2);
var d3 = new Date(date3);

var n1 = d1.getFullYear();
var n2 = d2.getFullYear();
var n3 = d3.getFullYear();

var x = car('Mercedes', ' c220 ', n1);
var y = car(' Toyota', ' Prius ', n2);
var z = car(' Audi', ' a3 ', n3);
var polje = [x, y, z];

console.log(polje);

.as-console-wrapper { top: 0 }

Please see Why does Date.parse give incorrect results? and Sort Javascript Object Array By Date. I fail to see the point of converting a year value to a Date just to read back the same value, new Date('2010').getFullYear() is identical to +2010. ;-) — RobG
– RobG, Commented May 15, 2017 at 20:55

Nina Scholz · Accepted Answer · 2017-05-16 06:06:46Z

2

You could use Date#toISOString for a sortable string with String#localeCompare.

Then you could use this for sorting

var array = [
        { make: 'Mercedes', model: 'c220', date : new Date('2010') },
        { make: 'Toyota', model: 'Prius', date : new Date('2003') },
        { make: 'Audi', model: 'a3', date : new Date('2015') }
    ];

array.sort(function (a, b) {
    return a.date.toISOString().localeCompare(b.date.toISOString());
});

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Version with

firstRegistration, desc,
make, asc,
model, asc

var array = [
        { make: 'Mercedes', model: 'c220', firstRegistration: 2010 },
        { make: 'Toyota', model: 'Prius', firstRegistration: 2015 },
        { make: 'Audi', model: 'a3', firstRegistration: 2015 }
    ];

array.sort(function (a, b) {
    return b.firstRegistration - a.firstRegistration ||
        a.make.localeCompare(b.make) ||
        a.model.localeCompare(b.model);
});

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited May 16, 2017 at 6:06

answered May 15, 2017 at 15:11

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

matijap Over a year ago

Thanks a lot! add up question: how do i make the date to show only the year? just for better looks of the output :)

Nina Scholz Over a year ago

you could use Date#getYear.

RobG Over a year ago

You can remove all date processing and get the same result. The date field should be yearOfManufacture and be a number, like 2010. But hey, it "works". ;-)

Collectives™ on Stack Overflow

Sorting array with date types

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related