How to sort array of objects by multiple keys?

Question

I have this array:

let arr = [{
    "guid": 1,
    creationDateTime: 1632180639045,
    "pricePerUnitPerHour": 5,
    "awardedSavingCalculationStatus": 1,
    divisible: true,
}, {
    "guid": 2,
    creationDateTime: 2504091567119,
    "pricePerUnitPerHour": 20,
    "awardedSavingCalculationStatus": 1,
    divisible: true,
}, {
    "guid": 3,
    creationDateTime: 1504095567183,
    "pricePerUnitPerHour": 5,
    "awardedSavingCalculationStatus": 1,
    divisible: true,
}]

I need to make the ascending sorting by these three properties pricePerUnitPerHour, divisible and creationDateTime.

So if for example two objects are having equal values in pricePerUnitPerHour then the sorting shoould be by divisible property. There divisible:true should be before the object where we have divisible:false.

And on the end if they have two equal prices, divisible property is true for example the sorting should be done based on the timestamp - creationDateTime

what i tried

i found some answers at stackoverflow but there he makes the sorting by only two fields but i can't find a way to sort by third one

 arr.sort(
      function (a, b) {
        if (a.pricePerUnitPerHour === b.pricePerUnitPerHour) {
          return b.divisible - a.divisible;
        }
        if(a.divisible === b.divisible) {
            return new Date(a.creationDateTime) - new Date(b.creationDateTime)
        }
        return a.pricePerUnitPerHour > b.pricePerUnitPerHour ? 1 : -1;
      });

Here the sorting works if the prices and the divisible ones are same then it is sorted by them but on the creationDateTime it is not sorting on ascending order

Does this answer your question? [How to sort an array of objects by multiple fields?](https://stackoverflow.com/questions/6913512/how-to-sort-an-array-of-objects-by-multiple-fields) — pilchard, Nov 12 '21 at 10:07

score 1 · Accepted Answer · answered Nov 12 '21 at 08:39

Sort as follows:

arr.sort(function(a, b) {
    return a.pricePerUnitPerHour - b.pricePerUnitPerHour ||
        -(a.divisible - b.divisible) ||
        a.creationDateTime - b.creationDateTime;
});

The subtraction operation will return 0 if both values are equal (doh) in which case the code moves to the next comparison. The true/false case needs to be inverted since you want 1 (true) to sort before 0 (false).

How to sort array of objects by multiple keys?

1 Answers1