JS - Sort an array of object by numeric value - JavaScript - Trier un tableau d'objet avec une donnée numérique

Publié le 15 juin 2020.

[EN] Here is a way to sort arrays of JavaScript objects by their own numeric values. [FR] Voici un moyen de trier des tableaux d'objets JavaScript par des valeurs numériques qui leur sont propres.

// An array of messy objects : 
var MyArrayOfObjects = [ 
  {'id': 2,'name':'Linus'},
  {'id': 0,'name':'Hamed'},
  {'id': 3,'name':'Carl'},
  {'id': 1,'name':'Satochi'}
];

// We use the sort() native JavaScript function to sort our array :
MyArrayOfObjects.sort(function(a, b) {
    return parseInt(a.id) - parseInt(b.id)
});

console.log(MyArrayOfObjects);
// output :
0: {id: 0, name: "Hamed"}
1: {id: 1, name: "Satochi"}
2: {id: 2, name: "Linus"}
3: {id: 3, name: "Carl"}

// Or in descending order : 
MyArrayOfObjects.sort(function(a, b) {
    return parseInt(b.id) - parseInt(a.id)
});

// output : 
0: {id: 3, name: "Carl"}
1: {id: 2, name: "Linus"}
2: {id: 1, name: "Satochi"}
3: {id: 0, name: "Hamed"}