Languages
[Edit]
EN

JavaScript - sort array of objects

12 points
Created by:
Lani-Skinner
748

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

See also

  1. JavaScript - sort array of objects by multiple properties 

  2. JavaScript - sort array of objects by date property value

  3. JavaScript - sort array of objects by ISO 8601 date string property value

Alternative titles

  1. JavaScript - how to sort array of objects?
  2. JavaScript - sort array of objects by property values
  3. JavaScript - sorting objects by property values
  4. JavaScript - sorting arrays numerically by object property value
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join