how.wtf

Sort array of objects by single or multiple keys in JavaScript

· Thomas Taylor

In TypeScript or JavaScript, sorting an array of objects is made easy in ES6/ES2015.

Given an array of objects named people, sort them based on different criteria.

 1const people = [
 2  {
 3    "id": 5,
 4    "firstName": "Buzz",
 5    "lastName": "Lightyear2"
 6  },
 7  {
 8    "id": 2,
 9    "firstName": "Buzz",
10    "lastName": "Lightyear"
11  },
12  {
13    "id": 1,
14    "firstName": "Woody",
15    "lastName": "Pride"
16  },
17  {
18    "id": 3,
19    "firstName": "Potato",
20    "lastName": "Head"
21  },
22  {
23    "id": 4,
24    "firstName": "Slinky",
25    "lastName": "Dog"
26  }
27];

Sorting an array of objects by a single key

Sort ascending by number

1// sort ascending by id
2people.sort((a, b) => a.id - b.id)

Sort ascending by string

1// sort ascending by firstName
2people.sort((a, b) => a.firstName.localeCompare(b.firstName))

Sort descending by number

1// sort descending by id
2people.sort((a, b) => b.id - a.id)

Sort descending by string

1// sort descending by firstName
2people.sort((a, b) => b.firstName.localeCompare(a.firstName))

Sorting array of objects by multiple keys

If a secondary key is needed for additional sorting, the same sort method can be used.

1people.sort(
2    (a, b) => a.firstName.localeCompare(b.firstName) ||
3    a.lastName.localeCompare(b.lastName)
4);

the or logical operator || chains multiple sort options.

#Javascript  

Reply to this post by email ↪