Tri Des Tableaux Javascript

| | |

Vous pouvez utiliser la méthode JavaScript sort() pour trier un tableau. La méthode sort() prend un tableau comme argument et trie ses valeurs par ordre croissant. Les tableaux sont triés sur place, ce qui signifie que le tableau d’origine est modifié. Un nouveau tableau n’est pas créé.

Vous pouvez choisir de trier votre tableau dans un ordre particulier. Par exemple, vous pouvez avoir une liste de noms que vous souhaitez montrer à l’utilisateur par ordre alphabétique.

Selon la façon dont vous souhaitez trier les éléments d’un tableau, il existe des fonctions JavaScript intégrées qui peuvent vous aider. Par exemple, vous pouvez utiliser la fonction sort () pour trier un tableau par ordre alphabétique, la fonction reverse () pour trier un tableau dans l’ordre inverse et la fonction sort () avec une fonction imbriquée pour créer des tris personnalisés.

Dans ce tutoriel, nous allons analyser comment utiliser sort() et reverse() pour effectuer une fonction de tableau de tri en JavaScript.

Méthode JavaScript sort()

h2>

La méthode JavaScript sort() lit les valeurs dans un tableau et renvoie ces valeurs par ordre croissant ou décroissant. Vous pouvez trier une chaaîne contenant des nombres ou des chaaînes.

Considérez la syntaxe suivante:

Ce code trie notre liste de "valeurs" . La liste est triée sur place, ce qui signifie que notre liste d’origine a été modifiée. sort() ne crée pas une nouvelle version d’une liste.

Il est à noter que la méthode sort() modifie le tableau d’origine et change son ordre. Si nous voulons conserver le même tableau d’origine, nous pouvons exécuter la fonction sort() et stocker sa valeur dans une nouvelle variable.

Si vous affectez le contenu de la méthode sort() à une nouvelle variable, la liste d’origine sera quand même modifiée.

Exemple de tableau de tri JavaScript

Pour trier un tableau en JavaScript, nous utilisons la méthode sort () par défaut intégrée. Dans sa forme la plus simple, la méthode sort () trie un tableau par ordre alphabétique croissant. Voici un exemple de la méthode sort () dans action:

Notre code renvoie les éléments suivants:

Notre tableau a été trié par ordre croissant. ou la méthode sort() pour trier notre variable JavaScript appelée " étudiants ". Ensuite, nous imprimons la valeur de "students" dans la console JavaScript .

JavaScript Array sort(): trie un tableau numérique

Nous pouvons utiliser tri () pour trier les valeurs d’une liste numérique par ordre croissant.

Supposons que nous ayons une liste de notes d’étudiants que nous voulons trier par ordre croissant. Nous pourrions les trier en utilisant la méthode sort():

La sortie de notre code est la suivante:

Notre tableau a été trié par ordre croissant ! Lorsque notre programme démarre l’opération sort(), les éléments de notre tableau sont triés par leurs valeurs /.

Puisque sort() trie une liste en place, il n’est pas nécessaire d’affecter le résultat de sort( ) à une nouvelle variable. Notre code imprime le tableau "votes" sur la console.

JavaScript Sort Array of Objects

La méthode sort() peut être utilisée pour trier un tableau d’objets. Par exemple, nous pourrions avoir une série d’objets JSON qui stockent à la fois le nom et l’√¢ge d’un élève.

Voici un exemple de fonction sort() qui trier un tableau de ce type en fonction de l’√¢ge de nos élèves:

Notre code renvoie les éléments suivants:

Notre code a renvoyé notre tableau d’objets JSON triés par √¢ge des élèves.

Dans la première ligne, nous déclarons notre variable "étudiants" avec quatre étudiants. Créez ensuite une fonction qui classe la variable de nos étudiants en fonction de la valeur "age" dans chaque objet JSON comparant les √¢ges. Enfin, notre programme imprime notre liste triée d’étudiants.

JavaScript Array sort(): Tri dans l’ordre inverse

Il existe également une fonction JavaScript intégrée qui vous permet de trier un tableau dans l’ordre inverse: reverse().

La méthode reverse() inverse un tableau de sorte que le premier élément devienne le dernier et le dernier élément le premier. Par conséquent, ce tableau ne trie pas un tableau par ordre alphabétique décroissant.

Si nous trions d’abord une liste en utilisant la méthode sort(), nous pouvons utiliser reverse() pour voir notre tableau par ordre décroissant.

Voici un exemple de la fonction reverse() en action:

Notre code renvoie les éléments suivants:

D’abord, nous trions notre liste par ordre croissant à l’aide de sort (). Ensuite, inversons la liste en utilisant reverse (). Notre liste affiche maintenant nos noms par ordre alphabétique décroissant.

L’inverse La fonction (), comme la fonction sort (), modifie l’ordre de notre liste. Nous ne pouvons pas affecter le résultat de reverse() à une nouvelle variable sans modifier le tableau d’origine. Nous en avons parlé plus tôt avec la méthode sort().

Conclusion

La méthode JavaScript sort() trie le contenu d’une liste par ordre croissant ou décroissant. sort () modifie une liste en place, ce qui signifie que la méthode ne crée pas de nouvelle liste. reverse (), lorsqu’il est utilisé après sort (), trie une liste par ordre décroissant.

Dans ce tutoriel, nous avons expliqué comment trier un tableau en JavaScript à l’aide de sort (). Nous avons discuté du tri d’un tableau numérique, de la façon de trier un tableau d’objets et de l’utilisation de reverse() pour inverser le contenu d’un tableau.

Pour obtenir des conseils sur les meilleures ressources d’apprentissage et cours JavaScript en ligne, consultez notre Comment apprendre l’article JavaScript .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method