EN
JavaScript - sort array of objects
12
points
In this article, we would like to show you how to sort an array of objects by a property value in JavaScript.
1. Sorting array in ascending order
In this example, objects are sorted from smallest to biggest age - Array
sort
(Array.prototype.sort
) method with ascending ordering has been used.
// ONLINE-RUNNER:browser;
var array = [
{ name: 'John', age: 25 },
{ name: 'Kate', age: 32 },
{ name: 'Chris', age: 19 }
];
// sort by age operation asc order eg 1,2,3
array.sort(function(a, b) {
return a.age - b.age;
});
console.log(JSON.stringify(array));
Output:
[
{ name: 'Chris', age: 19 },
{ name: 'John', age: 25 },
{ name: 'Kate', age: 32 }
]
Notes:
- for
a.age - b.age
is ascending ordering critery - from smallest to biggest value- using
a.name - b.name
we can order ascending by name
2. Sorting array in descending order
In this example, objects are sorted from biggest to smallest age - Array
sort
(Array.prototype.sort
) method with descending ordering has been used.
// ONLINE-RUNNER:browser;
var array = [
{ name: 'John', age: 25 },
{ name: 'Kate', age: 32 },
{ name: 'Chris', age: 19 }
];
// sort by age operation desc order eg 3,2,1
array.sort(function(a, b) {
return b.age - a.age;
});
console.log(JSON.stringify(array));
Output:
[
{ name: 'Kate', age: 32 },
{ name: 'John', age: 25 },
{ name: 'Chris', age: 19 }
]
Notes:
- for
b.age - a.age
is descending ordering critery - from biggest to smallest value- using
b.name - a.name
we can order descending by name