Le tri vous permet d'organiser les données sous la forme requise. Cela signifie qu'il devient plus facile d'accéder et de traiter ces données. Dans cet article sur «Trier par tableau en JavaScript», nous explorerons différentes manières de trier les données en JavaScript. Nous nous concentrerons sur les pointeurs suivants,
- Méthode de tri en JavaScript
- Tri des valeurs numériques
- Tri du tableau par ordre croissant
- Tri du tableau par ordre décroissant
- Tri du tableau d'objets
Commençons donc par le premier sujet de cet article sur le tri des tableaux dans JavaScript
Tableau Trier dans l'article JavaScript
Méthode de tri en JavaScript
La méthode sort () trie les éléments présents dans le tableau en conséquence et retourne le tableau trié en tant que sortie à l'utilisateur. La méthode intégrée convertit chaque élément présent dans le tableau en un chaîne , et les compare dans l'ordre des points de code Unicode. installation premier.
comment configurer eclipse pour java
Le code ci-dessous suit le tri de tableau le plus basique:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Production:
Blues, Jazz, Metal, Pop, Rock
Continuons maintenant avec 'Tri par tableau en JavaScript' et voyons comment trier les valeurs numériques,
Tri des valeurs numériques
Le tri des nombres sous forme de chaînes produit des résultats faux et incorrects.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + '
')
Production:
10,100,34,45,69,87
Le résultat semble absolument inexact. Cela se produit car le tableau numérique est converti en chaîne par la méthode sort (). Le problème peut être éradiqué en utilisant un comparer fonction.
La syntaxe de la fonction est la suivante:
array.sort ([compareFunction])
La fonction de comparaison trie les éléments présents dans le tableau en fonction de différents attributs et dans un ordre différent. La fonction sort () compare deux valeurs et envoie les valeurs à la fonction de comparaison.La fonction de comparaison suit les cas de test donnés ci-dessous:
- Si le résultat de la comparaison des deux valeurs (a et b) est négatif , a est trié avant b.
- Si le résultat semble être positif , b est trié avant a.
- Si le résultat est 0 , puis pas de changement apparaît dans l'ordre de tri des valeurs a et b.
Dans ce bit de Array Sort en JavaScript, nous allons trier les données par ordre croissant,
Tri du tableau par ordre croissant
L'exemple suivant illustre la procédure de tri du tableau dans un ordre croissant.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Trie le tableau de nombres document.write (num)
Production:
3,18,25,28,29,69
En allant plus loin, voyons comment trier les tableaux par ordre décroissant
Tri du tableau par ordre décroissant
Le tableau peut être trié dans un ordre décroissant de la manière suivante:
var num = [3, 25, 18, 28, 69, 29] // Tri d'un tableau à l'aide de la fonction de comparaison num.sort (function (a, b) {return a - b}) document.write (num)Production:
69,29,28,25,18,3
On peut même trier des tableaux d'objets, voyons comment faire ça,
Tri du tableau d'objets
La fonction de comparaison peut être utilisée pour trier des tableaux d'objets de manière efficace.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Trier par nom de personnes .sort (function (a, b) {var x = a.name.toLowerCase () // ignorer les majuscules et minuscules var y = b.name.toLowerCase () // ignorer les majuscules et minuscules if (xy) {return 1} // les noms doivent être égaux return 0}) // Boucle sur tous les éléments du tableau pour (var i in people) {// Boucle sur toutes les propriétés de l'objet for (var prop in people [i]) {document .write (prop + ':' + personnes [i] [prop] + '
')} document.write ('
')}Production:
nom: Alec
nom: Ari
nom: Jeremy
nom: Jonathan
nom: Stephen
Les méthodes expliquées dans l'article démontrent méticuleusement le fait que la fonction de tri liée à la fonction de comparaison joue un rôle crucial dans le langage de script.
Avec cela, nous arrivons à la fin de ce blog sur «Array Sort In JavaScript». J'espère que vous avez trouvé cela informatif et utile, restez à l'écoute pour plus de tutoriels sur des sujets similaires.Vous pouvez également consulter notre programme de formation to obtenir des connaissances approfondies sur jQuery ainsi que ses différentes applications, vous pouvez pour une formation en ligne en direct avec une assistance 24/7 et un accès à vie.
Vous avez une question pour nous? Mentionnez-les dans la section commentaires de ce blog et nous vous recontacterons.