Comment trier un tableau en Javascript ?

Dans une logique métier, vous devez savoir trier un tableau en Javascript, il existe différentes méthodes, des libraries, mais il est important de comprendre comment cela fonctionne de façon native. Nous allons voir dans cet article qu'il est possible d'apprendre Javascript via les fonctions élémentaires comme celle pour trier un tableau qui se nomme sort().

Même si vous avez un niveau médiocre en anglais, vous avez déjà entendu ce mot qui signifie simplement trier en français. Nous allons apprendre à trier un tableau, mais également essayer de comprendre pourquoi il est important de savoir le faire rapidement sans forcément devoir se rendre sur la documentation à chaque fois que vous souhaitez l'utiliser.

Trier facilement un tableau Javascript

Voici un exemple très simple d'un tableau que nous souhaitons trier de façon basique. Voyons ce que cela retourne en sortie.

let array = [1, 2, 3, 100, 20]

console.log(array)
// Array [1, 100, 2, 20, 3]

C'est assez contre intuitif car il est normal de s'attendre au fait que nous ayons un tableau trier de façon croissante et non d'une sortie comme celle-ci. La raison est simple, Javascript va trier le tableau en prenant en compte des chaines de caractères et pas des integers. C'est perturbant mais une fois que vous en avez conscience vous ne vous ferez plus avoir.

Trier un tableau d'objects

Exmple un peu plus complexe ici nous allons essayer de trier un tableau d'object, cette manipulation est souvent effectué en backend quand vous recevez des informations à afficher mais voyons comment trier ce tableau de voiture:

const cars = [
  { model: "Twingo", age: 20 },
  { model: "2CV", age: 30 },
  { model: "4CV", age: 35 },
  { model: "C4", age: 15 },
]

cars.sort((a, b) => (a.age > b.age ? 1 : -1))

console.log(cars);

// Array [
  Object { model: "C4", age: 15 },
  Object { model: "Twingo", age: 20 },
  Object { model: "2CV", age: 30 },
  Object { model: "4CV", age: 35 }
  ]

Voic comment trier par odre croissant des valeurs d'un tableau d'objects. La condition dans la fonction sort va faire le travaille à votre place, sachez qu'il est également possible d'utiliser un syntaxe similaire pour faire un filtre dans vos données pour ne retourner que les chiffres paire par exemple en utilisant la fonction filter.