Cómo invertir una cadena en JavaScript [paso a paso]

Un palíndromo es una palabra o lista de caracteres que se leen igual cuando se invierten. Un buen ejemplo de esto es la palabra 'RADAR'.

La forma más fácil de buscar un palíndromo en JavaScript es crear una copia de la cadena original, invertirla y luego compararla. Si desea crear un algoritmo que lo haga de manera eficaz, deberá aprender a invertir una cadena en JavaScript. En esta guía, aprenderá cómo.

¿Cómo invierto una cadena con JavaScript??

1. Conviértalo en una matriz e inviértalo

1. Divida su cadena en una matriz de subcadenas usando el división() método de la clase de objeto String. El método split requiere una cadena como argumento. En este caso, usará una cadena vacía. Entonces, el método debería verse así:

   división("")

2. Invierta el orden de la matriz usando el contrarrestar() método.
3. Convierta la matriz nuevamente en una cadena usando el unirse() método. Al igual que el método split, el método join requiere una cadena como argumento. Una vez más, usará una cadena vacía:

   unirse("")

La mejor forma de implementar los pasos anteriores es a través de una función. Aquí hay un ejemplo rápido de código fuente que puede copiar, probar y modificar:

El gran reverso!

En el ejemplo anterior, creamos una función que invierte una cadena codificada y luego le asigna un elemento de documento. Luego, la función se llama desde un botón etiquetado como 'Reverse'.

Existen numerosas formas de acortar y modificar este código. Por ejemplo, en lugar de asignar la cadena unida a la str variable, puede reasignarla a la res variable y luego apunte el elemento de documento HTML de demostración hacia ella, es decir.

res = res.join ("");
document.getElementById ("demostración"). innerHTML = res;

Alternativamente, puede condensar los tres pasos en una sola línea:

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

De cualquier manera, los resultados deberían ser los mismos:

¿Quiere aprender JavaScript aún más rápido? Descubra por qué debería descargar código JavaScript leyendo este artículo!

2. Invierta la cadena en JavaScript usando un bucle for

1. Cree una nueva variable de cadena vacía que albergará la cadena invertida.

   var reverseString = "";

2. Construya un bucle for con las siguientes características:
   • Inicializador: inicializa un contador cuyo valor es la longitud de la cadena a revertir restada por 1.
   • Condición: asegúrese de que el contador sea mayor o igual a 0.
   • Iteración: el contador debe disminuir con cada ciclo exitoso.
   • El cuerpo del bucle for debe agregar un carácter de la cadena original a lo que se convertirá en la cadena invertida mientras se usa el contador de bucle for para establecer la posición del carácter.

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

Una vez más, debe aplicar la operación anterior en una función dentro de las etiquetas de secuencias de comandos. Si desea incluir JavaScript como un archivo externo o código incrustado, depende de usted. Así es como se ve en acción la solución anterior:

   
 El gran reverso! 
 
Cadena actual: "¡Invierta esta cadena!"
 Función inversa myFunction () var fwdString = "¡Invertir esta cadena!"; var reverseString = ""; para (var i = fwdString.length - 1; i> = 0; i--) reverseString + = fwdString [i]; // Alternativa a newString + fwdString [i] document.getElementById ("demo"). InnerHTML = reverseString;     

El código anterior funciona recorriendo la cadena original al revés y la clona carácter por carácter. Si no está interesado en convertir explícitamente su cadena en una matriz, entonces puede encontrar esta solución más adecuada para sus objetivos.

3. Invierta la cadena en JavaScript mediante recursividad

1. Cree una nueva función con una cadena como parámetro, p. Ej..

   function reverseString (str) 

2. Dentro del cuerpo de la función, cree un Si declaración que comprueba si la cadena pasada a la función está vacía. Si es verdadero, debería devolver una cadena vacía, por ejemplo.

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

3. Agregar una declaración else.
4. En el cuerpo de la instrucción else, devuelva una llamada recursiva al método actual con una subcadena del parámetro de cadena del método, comenzando desde el segundo carácter, es decir, str.substr (1). Agregue la primera letra de la nueva subcadena, por ejemplo.

   de lo contrario, devuelve reverseString (str.substr (1)) + str.charAt (0);

Debe llamar a este método desde otra función que sea responsable de mostrar los resultados. El código completo debería verse así:

   
 El gran reverso! 
 
Cadena actual: "¡Invierta esta cadena!"
 Función inversa myFunction () var str = this.reverseString ("¡Invertir esta cadena!"); document.getElementById ("demostración"). innerHTML = str;  function reverseString (str) if (str === "") return ""; de lo contrario, devuelve reverseString (str.substr (1)) + str.charAt (0);    

La recursividad funciona como un bucle for, pero estás engañando la lógica de JavaScript para que funcione para ti. En lugar de agregar caracteres al final de la cadena, lo une al frente con cada bucle. Sin embargo, los resultados son muy parecidos.

Los ejemplos anteriores se pueden probar utilizando el Bloc de notas de Windows y un navegador web. Sin embargo, le sugerimos que utilice un editor de código multiplataforma o un entorno de desarrollo integrado para ahorrar tiempo..

Cómo invertir una cadena en un Javascript es una pregunta común en las entrevistas. Por lo tanto, comprenderlo puede ser imperativo para su éxito como desarrollador de software..

No obstante, háganos saber qué método funcionó mejor para usted en los comentarios a continuación. Como siempre, gracias por leer..

Preguntas frecuentes: Obtenga más información sobre JavaScript.

• ¿Cómo soluciono JavaScript void 0 en Chrome??

Para corregir el JavaScript void 0 en Chrome, eche un vistazo a nuestra guía detallada Fix javascript: void (0) error guide.

• ¿Cómo puedo corregir un error de JavaScript ocurrido en el proceso principal??

Para corregir el error de JavaScript en el proceso principal, siga los métodos presentados en nuestro útil Fix JavaScript en la guía del proceso principal.

• ¿Qué es el empalme en JavaScript??

El método de empalme en JavaScript agrega o elimina elementos de una matriz.

• Javascript