Comment trier un tableau en javascript
Tout en travaillant dans le domaine de l'informatique, il peut y avoir un scénario où il est nécessaire d'implémenter des tables de recherche pour contenir plusieurs valeurs ayant le même type de données. Par exemple, lorsque vous traitez des tableaux complexes ayant des données numériques ou alphabétiques, organisez-les de manière automatisée. Dans de tels cas, le tri d'un tableau en JavaScript devient très pratique dans l'organisation des données sous forme ordonnée et les récupérer instantanément et efficacement.
Cet article discutera des méthodes pour trier un tableau JavaScript.
Comment trier un tableau en javascript?
Pour trier un tableau en JavaScript, les approches suivantes peuvent être utilisées:
- Événement "onclick" et méthode "Sort ()".
- Méthode "Reverse ()"
- Fonction «flèche»
Passer par les méthodes discutées une par une!
Méthode 1: Triez un tableau dans JavaScript en utilisant l'événement onclick et la méthode
Le "sur clic»L'événement se produit lorsque l'utilisateur clique sur un élément, tandis que le "trier()»La méthode trie un tableau par ordre alphabétique ou de manière ascendante. Ces méthodes peuvent être appliquées pour trier un tableau de chaînes lorsque le bouton ajouté est cliqué.
Syntaxe
objet.onClick = sortArray () myscript;Dans la syntaxe ci-dessus, "SORTARRAY ()" fait référence à la fonction qui sera invoquée lorsque l'événement OnClick sera déclenché.
Exemple
Dans l'exemple suivant, nous ajouterons une phrase dans un paragraphe à l'intérieur du « Cliquez sur le bouton pour trier un tableau. Maintenant, créez un bouton avec un "sur clic”Redirection de l'événement vers la fonction SORTARRAY (): Après cela, définissez une fonction nommée "SORTARRAY ()". Ici, créez un éventail non trié de pays et affichez-le. Enfin, appliquez le "trier()" Méthode pour afficher le tableau trié: La sortie de l'implémentation ci-dessus en résultera comme suit: Méthode 2: Triez un tableau en javascript en utilisant la méthode reverse () Le "inverse()»La méthode inverse les éléments dans un tableau. Cette méthode peut être utilisée pour trier un tableau numérique dans l'ordre descendant. Exemple Tout d'abord, créez un tableau non trié comme suit: Ensuite, affichez les valeurs correspondantes du tableau non trié: Maintenant, triez le tableau spécifié et enregistrez-le sur la console à l'aide de la méthode Reverse (): On peut voir que les valeurs ajoutées sont triées dans l'ordre descendant: Méthode 3: Triez un tableau en JavaScript à l'aide de la fonction Arrow Le "flèche«La fonction est un type de fonction qui ne fonctionne que si la fonction ne contient qu'une seule instruction. Cette fonction peut être implémentée pour trier le tableau non trié en allouant le modèle de tri requis dans la fonction flèche. Consultez l'exemple suivant pour comprendre le concept déclaré. Exemple Dans l'exemple suivant, déclarez un tableau non trié et affichez-le comme discuté dans la méthode précédente: Maintenant, incluez une fonction flèche et spécifiez l'ordre de tri comme «(un B)". Cela indique que la première valeur "un"Devrait être plus petit que la deuxième valeur"b»: Enfin, affichez le tableau trié en se référant à la fonction de flèche et affichez-le: Sortir Nous avons compilé la méthode la plus simple pour trier un tableau en javascript. Conclusion Pour trier un tableau en JavaScript, utilisez le «sur clic”Événement et le"trier()«Méthode pour trier un tableau alphabétique à l'aide d'une fonction, le«inverse()«Méthode pour inverser un tableau basé sur les valeurs descendantes ou le« «flèche”Technique de fonction pour spécifier l'ordre de tri dans la fonction flèche et le trier. Cet article a démontré les méthodes pour trier un tableau en javascript.
var non trié = ["Inde", "Pakistan", "Bangladesh", "Chine"];
console.Log ("Le tableau non trié est:", non trié);
console.Log ("le tableau non trié est:", non trié.trier());
console.Log ("Le tableau non trié est:", non trié);
console.Log ("Le tableau trié est:", non trié);