Comment trier les chaînes en JavaScript ?-js tutoriel-php.cn

Table des matières

Utilisez la méthode sort() pour trier les chaînes

Grammaire

Exemple 1

Utilisez la boucle for pour trier les chaînes (algorithme de tri à bulles)

Algorithme

Exemple 2 (considérons le cas des caractères de chaîne)

Exemple 3 (Ignorer la casse des caractères de chaîne)

Maison

interface Web

js tutoriel

Comment trier les chaînes en JavaScript ?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 09, 2023 pm 12:29 PM

如何在 JavaScript 中对字符串进行排序？

Le tri des chaînes consiste à organiser les chaînes dans le dictionnaire ou par ordre alphabétique. Lors du développement d'applications utilisant JavaScript, il est courant de trier des tableaux de chaînes. Dans ce tutoriel, nous allons apprendre à trier les chaînes en JavaScript.

Par exemple, si vous obtenez des données d'une API et que vous souhaitez afficher ces données dans un ordre trié, le tri par chaîne est très utile ici.

Ici, nous allons apprendre à trier les chaînes à l'aide de méthodes intégrées et de diverses méthodes simples.

Utilisez la méthode sort() pour trier les chaînes

En JavaScript, sort() est une méthode intégrée que nous pouvons utiliser sur les tableaux. De manière générale, dans les autres langages de programmation, la méthode sort() trie les valeurs par défaut. Cependant, JavaScript convertit les nombres en chaînes et les trie par ordre alphabétique.

Ainsi, nous pouvons trier le tableau de chaînes à l’aide de la méthode sort() de JavaScript sans utiliser la fonction de comparaison.

Grammaire

Les utilisateurs peuvent utiliser la méthode sort() de JavaScript pour trier les chaînes selon la syntaxe suivante.

1	`Strings.sort();`

Copier après la connexion

Dans la syntaxe ci-dessus, nous utilisons un tableau de chaînes comme référence et la méthode sort().

Exemple 1

Dans cet exemple, nous définissons un tableau de chaînes et l'initialisons avec quelques valeurs de chaîne. Après cela, nous prenons le tableau comme référence et exécutons la méthode sort() du tableau. L'utilisateur peut observer le résultat selon lequel toutes les chaînes du tableau sont triées par ordre alphabétique.

<html>
<body>
   <h2>Using the <i>sort() method</i> to sort an array of strings in JavaScript.</h2>
  <div id = "output"> </div>
  <script>
      let output = document.getElementById('output');
      let strings = ["Hi", "JavaScript", "TypeScript", "C", "CPP", "Python", "Java", "HTML", "CSS"];
      output.innerHTML += "The original string array is " + strings + "<br/>";
      strings.sort();
      output.innerHTML += "The sorted string array is " + strings + "<br/>";
   </script>
</body>
</html>

Copier après la connexion

Utilisez la boucle for pour trier les chaînes (algorithme de tri à bulles)

Un moyen simple de trier une chaîne consiste à utiliser une boucle for. Nous pouvons utiliser deux boucles for imbriquées pour comparer chaque chaîne à toutes les autres chaînes et les trier par ordre alphabétique. Aussi, on peut dire qu'il s'agit d'un algorithme de tri à bulles.

Grammaire

Les utilisateurs peuvent utiliser l'algorithme de tri à bulles pour trier les chaînes par ordre alphabétique en suivant la syntaxe ci-dessous.

for (let a = 0; a < strings.length; a++) {
   for (let b = a + 1; b < strings.length; b++) {
      if (strings[a] > strings[b]) {
         // swap strings at index a and index b
      }
   }
}

Copier après la connexion

Dans la syntaxe ci-dessus, nous avons utilisé deux boucles for imbriquées et parcouru le tableau de chaînes. De plus, nous comparons deux valeurs de chaîne et, sur cette base, nous échangeons les chaînes.

Algorithme

Étape 1 - Créez un tableau de chaînes.

Étape 2 - Utilisez une boucle for et parcourez le tableau de chaînes en commençant par le 0ème index.

Étape 3 - Dans la boucle for, utilisez une autre boucle for et commencez à itérer le a+1ème index, où a est le pointeur d'itération de la première boucle for.

Étape 4 - Maintenant, comparez les chaînes aux indices ath et bth.

Étape 5 - Si l'ordre alphabétique de la chaîne à l'index ath est supérieur à la chaîne à l'index bth, échangez les deux chaînes.

Étape 6 - Complétez toutes les itérations des deux boucles for pour obtenir toutes les chaînes dans l'ordre trié.

Exemple 2 (considérons le cas des caractères de chaîne)

Dans l'exemple ci-dessous, nous avons implémenté l'algorithme de tri à bulles pour trier un tableau de chaînes. Le résultat ci-dessous nous montre que l'algorithme de tri à bulles trie toutes les chaînes où les lettres majuscules précèdent les lettres minuscules, car les lettres majuscules ont une priorité plus élevée que les lettres minuscules dans la comparaison de chaînes.

<html>
<body>
   <h2>Using the <i> bubble sort algorithm </i> to sort an array of strings in JavaScript.</h2>
   <div id = "output"> </div>
   <script>
      let output = document.getElementById('output');
 
      let strings = ["car", "Bike", "truck", "cycle", "Tempo", "cart", "abcd", "string"];
      output.innerHTML += "The original string array is " + strings + "<br/>";
 
      for (let a = 0; a < strings.length; a++) {
         for (let b = a + 1; b < strings.length; b++) {
            if (strings[a] > strings[b]) {
               let tempString = strings[a];
               strings[a] = strings[b];
               strings[b] = tempString;
            }
         }
      }  
      output.innerHTML += "The sorted string array is " + strings + "<br/>";
   </script>
</body>
</html>

Copier après la connexion

Exemple 3 (Ignorer la casse des caractères de chaîne)

Dans cet exemple, nous avons implémenté l'algorithme de tri à bulles pour trier les chaînes, mais nous comparons des chaînes minuscules. Dans l'exemple ci-dessus, nous trions la chaîne par ordre alphabétique et trions d'abord les lettres majuscules. Mais ici, nous ignorons la casse des caractères de chaîne et comparons les chaînes.

<html>
<body>
   <h2>Using the <i> bubble sort algorithm </i> to sort an array of strings in JavaScript.</h2>
   <div id = "output"> </div>
   <button onclick = "sortStrings()"> Sort Strings </button>
   <script>
      let output = document.getElementById('output');
 
      let strings = ["ab", "Bc", "AB", "AC", "cd", "ds", "ds", "erere", "DS"];
      output.innerHTML += "The original strings are " + strings + "<br/>";
 
      function sortStrings() {
         function swap(index1, index2) {
            let tempString = strings[index1];
            strings[index1] = strings[index2];
            strings[index2] = tempString;
         }
 
         for (let a = 0; a < strings.length; a++) {
            for (let b = a + 1; b < strings.length; b++) {
               if (strings[a].toLowerCase() > strings[b].toLowerCase()) {
                  swap(a, b)
               }
            }
         }
         output.innerHTML += "The sorted strings are " + strings + "<br/>";
      }
   </script>
</body>
</html>

Copier après la connexion

Nous avons appris à trier plusieurs chaînes dans ce tutoriel. Dans la première méthode, nous avons utilisé la méthode sort() car elle trie toujours la chaîne par ordre alphabétique. Dans la deuxième méthode, nous avons implémenté l'algorithme de tri à bulles pour trier les chaînes, mais nous pouvons l'optimiser pour améliorer l'efficacité du temps. De plus, nous pouvons utiliser d'autres algorithmes tels que le tri par fusion pour améliorer l'efficacité temporelle et spatiale de l'algorithme de tri.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille

2 Il y a quelques semaines By DDD

Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour

2 Il y a quelques semaines By DDD

Will R.E.P.O. Vous avez un jeu croisé?

1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7546

Tutoriel CakePHP

1381

Quel est le format du nom de compte de Steam

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

NYT Connexions Indices et réponses

Afficher plus

Related knowledge

Comment créer et publier mes propres bibliothèques JavaScript? Mar 18, 2025 pm 03:12 PM

L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.

Comment optimiser le code JavaScript pour les performances dans le navigateur? Mar 18, 2025 pm 03:14 PM

L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.

Que dois-je faire si je rencontre l'impression de code brouillé pour les reçus en papier thermique frontal? Apr 04, 2025 pm 02:42 PM

Des questions et des solutions fréquemment posées pour l'impression de billets thermiques frontaux pour le développement frontal, l'impression de billets est une exigence commune. Cependant, de nombreux développeurs mettent en œuvre ...

Comment déboguer efficacement le code JavaScript à l'aide d'outils de développeur de navigateur? Mar 18, 2025 pm 03:16 PM

L'article traite du débogage efficace de JavaScript à l'aide d'outils de développeur de navigateur, de se concentrer sur la définition des points d'arrêt, de l'utilisation de la console et d'analyser les performances.

Qui est payé plus de python ou de javascript? Apr 04, 2025 am 12:09 AM

Il n'y a pas de salaire absolu pour les développeurs Python et JavaScript, selon les compétences et les besoins de l'industrie. 1. Python peut être davantage payé en science des données et en apprentissage automatique. 2. JavaScript a une grande demande dans le développement frontal et complet, et son salaire est également considérable. 3. Les facteurs d'influence comprennent l'expérience, la localisation géographique, la taille de l'entreprise et les compétences spécifiques.

Comment utiliser les cartes source pour déboguer le code JavaScript minifié? Mar 18, 2025 pm 03:17 PM

L'article explique comment utiliser les cartes source pour déboguer JavaScript minifiée en le mappant au code d'origine. Il discute de l'activation des cartes source, de la définition de points d'arrêt et de l'utilisation d'outils comme Chrome Devtools et WebPack.

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en utilisant JavaScript? Apr 04, 2025 pm 05:09 PM

Comment fusionner les éléments du tableau avec le même ID dans un seul objet en JavaScript? Lors du traitement des données, nous rencontrons souvent la nécessité d'avoir le même ID ...

La différence dans Console.Log de sortie Résultat: Pourquoi les deux appels sont-ils différents? Apr 04, 2025 pm 05:12 PM

Discussion approfondie des causes profondes de la différence de sortie Console.log. Cet article analysera les différences dans les résultats de sortie de la fonction Console.log dans un morceau de code et expliquera les raisons derrière. � ...

See all articles