[Edit]

JavaScript - sort array of objects by multiple properties

1 contributors

2 contributions

0 discussions

0 points

Created by:

Zoya-Gaines

653

In this article, we would like to show you how to sort array of objects by multiple properties using JavaScript.

Quick solution:

xxxxxxxxxx
 
array.sort(function(a, b) {
    return a.property1.localeCompare(b.property1) || a.property2 - b.property2;
});

Practical example

Edit

In this example, we sort an array of objects by name and age properties using the custom compare function as an argument of the sort() method.

xxxxxxxxxx
 
var users = [
    { name: 'Ann',   age: 28 },
    { name: 'Chris', age: 29 },
    { name: 'Tom',   age: 26 },
    { name: 'Ann',   age: 25 },
    { name: 'Chris', age: 26 },
];
​
users.sort(function(a, b) {
    return a.name.localeCompare(b.name) || a.age - b.age;
});
​
console.log(JSON.stringify(users, null, 4));

Auto running

2. Reverse order

Edit

To reverse the order, simply swap arguments places after the return statement.

xxxxxxxxxx
 
var users = [
    { name: 'Ann',   age: 28 },
    { name: 'Chris', age: 29 },
    { name: 'Tom',   age: 26 },
    { name: 'Ann',   age: 25 },
    { name: 'Chris', age: 26 },
];
​
users.sort(function (a, b) {
    return b.name.localeCompare(a.name) || b.age - a.age;
});
​
console.log(JSON.stringify(users, null, 4));