Trier un tableau (array) avec la méthode JavaScript "sort"

À quoi sert la méthode "sort"

La méthode "sort" est utilisable dans n’importe quel tableau crée grâce à JavaScript. Elle permet tout simplement de trier le tableau en ordre croissant.

Il est possible de trier un tableau simple ou un tableau d’objets.

Trier un tableau simple

Pour bien comprendre, nous allons utiliser un exemple simple.

var tableauSimple = ['Mélanie','Henrique','Stan','Mac'];
tableauSimple.sort();

console.log(tableauSimple); // Modifie le tableau en ["Henrique", "Mac", "Mélanie", "Stan"]

Ci-dessus un tableau simple enregistré dans une variable nommée "tableauSimple". La méthode "sort" à trier en ordre croissant le tableau.

Trier un tableau d’objets

Maintenant nous allons essayer de faire la même chose avec un tableau d’objets.

var tableauObjets = [
  {nom:'Mélanie', age: 29},
  {nom:'Henrique', age: 35},
  {nom:'Stan', age: 10},
  {nom:'Mac', age: 2}
];

tableauObjets.sort(function compare(a, b) {
  if (a.nom < b.nom)
     return -1;
  if (a.nom > b.nom )
     return 1;
  return 0;
});

console.log(tableauObjets);
/* Modifie le tableau en [{
  age: 35,
  nom: "Henrique"
}, {
  age: 2,
  nom: "Mac"
}, {
  age: 29,
  nom: "Mélanie"
}, {
  age: 10,
  nom: "Stan"
}] */

La méthode a bien fonctionné et le tableau d’objets est bien trié. À la différence du premier exemple, ici on a rajouté une fonction dite de comparaison que l’on peut modifier pour trier ce que l’on souhaite. Pour plus d’information, cliquez sur ce lien.