Ce n'est pas logique, hein? Eh bien, en fait c'est. Cela est dû au fait que chaque élément du tableau est d'abord converti en chaîne et que "30" précède "4" dans l'ordre Unicode. Il convient également de noter que, contrairement à beaucoup d'autres fonctions de tableau JavaScript, change ou modifie le tableau trié. const baz = ['hello world', 31, 5, 9, 12]; (); // le tableau est modifié (baz); // montre [12, 31, 5, 9, "hello world"] Pour éviter cela, vous pouvez créer une nouvelle instance du tableau à trier et la modifier à la place. const baz = ['hello world', 31, 5, 9, 12]; const newBaz = [.. ] (); // la nouvelle instance du tableau baz est créée et triée (baz); // "bonjour le monde", 31, 5, 9, 12] (newBaz); // [12, 31, 5, 9, "hello world"] Notez l'utilisation de l'opérateur spread pour créer un nouvel exemple de baz. Vous pouvez en savoir plus sur ici. Essayez-le JS Bin sur Utiliser ne serait pas très utile en soi. utile pour trier un tableau d'objets. Heureusement, la fonction utilise un paramètre facultatif compareFunction qui ordonne de trier les éléments du tableau en fonction de la valeur renvoyée par la fonction de comparaison.
Trier un tableau d'objets en JavaScript [19659006] Voyons maintenant comment trier un tableau d'objets.
Voyons étape par étape dans cet exemple pour trier un tableau en utilisant le tri à bulles, comme on a dit après chaque étape le plus grand nombre est trié. Implémentation de tri à bulles en Java Voici un programme Java qui implémente l'algorithme tri à bulles (Bubble sort).
Utilisation des fonctions de comparaison pour trier Disons que] a et b sont les deux éléments comparés par la fonction de comparaison.
reverse(); (result); // ['Sophie', 'rené', 'Mathilde', 'karine', 'Karim', 'Jeff', 'Charles-Henri', 'céline', 'Benoit', 'Amandine'] Magnifique: localeCompare() permet de trier le tableau sans tenir compte de la casse (majuscules/minuscules) et prend en compte les diacritics (les accents ici). Enfin, l'on peut l'utiliser également pour trier des nombres sous forme de strings: const string_numbers = ['2', '12', '104', '9', '21']; const result1 = ()((a, b) => a. localeCompare(b, undefined, {numeric: true})); const result2 = ()((a, b) => a. localeCompare(b, undefined, {numeric: true})). reverse(); (result1); // [ '2', '9', '12', '21', '104'] (result2); // [ '104', '21', '12', '9', '2'] Voilà, à présent vous pouvez trier/mélanger un tableau à votre guise! Lire un peu de documentation sort() localeCompare()
Voyons à présent comment trier notre tableau users par ordre descendant. const users = ['Sophie', 'Amandine', 'René', 'Karim', 'Céline', 'Jeff', 'Mathilde', 'Charles-Henri', 'Karine', 'Benoit']; const result = ()(). reverse(); (result); // ['Sophie', 'René', 'Mathilde', 'Karine', 'Karim', 'Jeff', 'Céline', 'Charles-Henri', 'Benoit', 'Amandine'] L'on peut voir que les prénoms sont rangés dans l'ordre alphabétique descendant.... sauf Céline et Charles-Henri qui sont inversés. En effet, rappelez-vous, le tri se fait en fonction de la valeur UNICODE de chaque caractères. Hors le é a un code 233 alors que le h lui possède le code 104! 👀 Et pire encore avec l'exemple suivant 🙈: const users = ['Sophie', 'Amandine', 'rené', 'Karim', 'céline', 'Jeff', 'Mathilde', 'Charles-Henri', 'karine', 'Benoit']; (result); // ['rené', 'karine', 'céline', 'Sophie', 'Mathilde', 'Karim', 'Jeff', 'Charles-Henri', 'Benoit', 'Amandine'] C'est là qu'intervient la méthode localeCompare() 👌: const users = ['Sophie', 'Amandine', 'rené', 'Karim', 'céline', 'Jeff', 'Mathilde', 'Charles-Henri', 'karine', 'Benoit']; const result = ()((a, b) => a. localeCompare(b, 'fr', {ignorePunctuation: true})).