Comment inverser une chaîne en JavaScript [étape par étape]

Un palindrome est un mot ou une liste de caractères qui se lisent de la même manière lorsqu'ils sont inversés. Le mot «RADAR» en est un bon exemple..

Le moyen le plus simple de rechercher un palindrome en JavaScript est de créer une copie de la chaîne d'origine, de l'inverser, puis de la comparer. Si vous souhaitez créer un algorithme qui le fasse efficacement, vous devrez apprendre à inverser une chaîne en JavaScript. Dans ce guide, vous apprendrez comment.

Comment inverser une chaîne avec JavaScript?

1. Convertissez-le en un tableau et inversez-le

1. Divisez votre chaîne en un tableau de sous-chaînes en utilisant le Divisé() méthode de la classe d'objets String. La méthode split requiert une chaîne comme argument. Dans ce cas, vous utiliserez une chaîne vide. La méthode devrait donc ressembler à ceci:

   Divisé("")

2. Inversez l'ordre du tableau à l'aide du inverser() méthode.
3. Reconvertissez le tableau en une chaîne à l'aide du joindre() méthode. Tout comme la méthode split, la méthode join nécessite une chaîne comme argument. Encore une fois, vous utiliserez une chaîne vide:

   joindre("")

La meilleure façon de mettre en œuvre les étapes ci-dessus consiste à utiliser une fonction. Voici un exemple de code source rapide que vous pouvez copier, tester et modifier:

La grande Reverso!

Dans l'exemple ci-dessus, nous créons une fonction qui inverse une chaîne codée en dur, puis lui attribue un élément de document. La fonction est alors appelée à partir d'un bouton intitulé 'Inverser'.

Il existe de nombreuses façons de raccourcir et de modifier ce code. Par exemple, au lieu d'attribuer la chaîne jointe au str variable, vous pouvez la réaffecter à res variable, puis pointez l'élément de document HTML de démonstration dessus, c'est-à-dire.

res = res.join ("");
document.getElementById ("démo"). innerHTML = res;

Vous pouvez également condenser les trois étapes en une seule ligne:

var res = str.split (""). reverse (). join ("");

Dans tous les cas, les résultats devraient être les mêmes:

Vous voulez apprendre JavaScript encore plus rapidement? Découvrez pourquoi vous devriez télécharger le code JavaScript en lisant cet article!

2. Inversez la chaîne en JavaScript à l'aide d'une boucle for

1. Créez une nouvelle variable de chaîne vide qui hébergera la chaîne inversée.

   var reverseString = "";

2. Construisez une boucle for avec les caractéristiques suivantes:
   • Initialiseur: initialise un compteur dont la valeur est la longueur de la chaîne à inverser soustraite de 1.
   • Condition: assurez-vous que le compteur est supérieur ou égal à 0.
   • Itération: le compteur doit décrémenter à chaque boucle réussie.
   • Le corps de la boucle for doit ajouter un caractère de la chaîne d'origine à ce qui deviendra la chaîne inversée tout en utilisant le compteur de boucle for pour définir la position du caractère.

     pour (var i = fwdStri.length - 1; i> = 0; i--) reverseString = newString + fwdStr [i]; 

Encore une fois, vous devez appliquer l'opération ci-dessus dans une fonction dans les balises de script. Que vous souhaitiez inclure le JavaScript en tant que fichier externe ou code incorporé dépend de vous. Voici à quoi ressemble la solution ci-dessus en action:

   
 La grande Reverso! 
 
Chaîne actuelle: "Inversez cette chaîne!"
 Fonction inverse maFonction () var fwdString = "Inverser cette chaîne!"; var reverseString = ""; pour (var i = fwdString.length - 1; i> = 0; i--) reverseString + = fwdString [i]; // Alternative à newString + fwdString [i] document.getElementById ("demo"). InnerHTML = reverseString;     

Le code ci-dessus fonctionne en bouclant votre chaîne d'origine à l'envers et la clone caractère par caractère. Si vous n'êtes pas intéressé par la conversion explicite de votre chaîne dans un tableau, vous trouverez peut-être cette solution plus adaptée à vos objectifs..

3. Inversez la chaîne en JavaScript en utilisant la récursivité

1. Créez une nouvelle fonction avec une chaîne comme paramètre, par exemple.

   function reverseString (str) 

2. Dans le corps de la fonction, créez un si instruction qui vérifie si la chaîne passée à la fonction est vide. Si vrai, il devrait renvoyer une chaîne vide, par exemple.

   if (str === "") return "";

3. Ajouter une instruction else.
4. Dans le corps de l'instruction else, retournez un appel récursif à la méthode actuelle avec une sous-chaîne du paramètre de chaîne de la méthode, en commençant par le deuxième caractère, c'est-à-dire str.substr (1). Ajoutez la première lettre de la nouvelle sous-chaîne, par exemple.

   else return reverseString (str.substr (1)) + str.charAt (0);

Vous devez appeler cette méthode à partir d'une autre fonction chargée d'afficher les résultats. Le code complet devrait ressembler à ceci:

   
 La grande Reverso! 
 
Chaîne actuelle: "Inversez cette chaîne!"
 Fonction inverse myFunction () var str = this.reverseString ("Inverser cette chaîne!"); document.getElementById ("démo"). innerHTML = str;  function reverseString (str) if (str === "") return ""; else return reverseString (str.substr (1)) + str.charAt (0);    

La récursivité fonctionne un peu comme une boucle for, mais vous trompez la logique de JavaScript pour qu'elle fonctionne pour vous. Au lieu d'ajouter des caractères à la fin de la chaîne, il l'attache à l'avant avec chaque boucle. Néanmoins, les résultats sont sensiblement les mêmes.

Les exemples ci-dessus peuvent être testés à l'aide du Bloc-notes Windows et d'un navigateur Web. Cependant, nous vous suggérons d'utiliser un éditeur de code multiplateforme ou un environnement de développement intégré pour vous faire gagner du temps.

Comment inverser une chaîne dans un Javascript est une question d'entretien courante. Par conséquent, comprendre qu'il peut être essentiel à votre succès en tant que développeur de logiciels.

Néanmoins, indiquez-nous quelle méthode a fonctionné le mieux pour vous dans les commentaires ci-dessous. Comme toujours, merci d'avoir lu.

FAQ: en savoir plus sur JavaScript

• Comment réparer JavaScript void 0 dans Chrome?

Afin de corriger le JavaScript void 0 dans Chrome, consultez notre guide détaillé des erreurs Fix javascript: void (0).

• Comment puis-je corriger une erreur JavaScript survenue dans le processus principal?

Pour corriger l'erreur JavaScript dans le processus principal, suivez les méthodes présentées dans notre utile Fix JavaScript dans le guide de processus principal.

• Qu'est-ce que l'épissure en JavaScript?

La méthode splice en JavaScript ajoute ou supprime des éléments d'un tableau.

• Javascript