Como invertir una cadena (string) con Javascript

Actualizado : 2023-11-06

En el siguiente tutorial aprenderás a invertir una cadena en js de una manera muy sencilla y práctica creando algunas funciones que te serán de mucha ayuda.

Primero crearemos una función personalizada que recibirá como parámetro una cadena de texto y debe devolver ese cadena invertida.

Crear la función reverseString() en js

const string = "Parangaricutirimucuaro";

function reverseString(str) {
  let arrStr = str.split("");

  return arrStr.reverse().join("");
}

reverseString(string); // esto retorna 'oraucumirituciragnaraP'

Declaramos la cadena 'Parangaricutirimucuaro' (esto es un trabalenguas muy usado en mi país) creamos la función reverseString que recibe como argumento un string, dentro de la función convertimos el texto en un arreglo con el método .split(""), luego retornamos el valor usando el metodo .reverse() que pone en "reversa" los valores del arreglo, por último necesitamos retornar una cadena así que usamos el método .join("") para tranformar el arreglo en una cadena.

Invertir el texto de un string usando funciones flecha

Con el estándar ES6 la función reverseString() puede escribirse de forma más clara y sencilla en una sola línea de código.

const palabra = "Parangaricutirimucuaro";
const reverseString = str => str.split("").reverse().join("");
reverseString(string); // esto retorna 'oraucumirituciragnaraP'

Invertir string usando un ciclo for

La forma anterior es sencilla y eficiente, otra forma un poco más rebuscada e innecesaria es la siguiente:

Convertir el string en un arreglo.
Declarar un arreglo vacío en el que agregaremos cada letra de la cadena en orden inverso.
Luego realizamos un ciclo for de toda la vida pero en este caso la variable la variable i tendrá el operador de decremento (--) recorriendo el arreglo inversamente, y por cada indice agregamos un nuevo valor al arreglo arrReverse
Por último convertirmos el arreglo en una cadena con el método .join().

const string = "Parangaricutirimucuaro";

function reverseStringFor(str) {
  let arrStr = str.split("");
  let arrReverse = [];

  for (let i = arrStr.length; i >= 0; --i) {
    arrReverse.push(arrStr[i]);
  }

  return arrReverse.join("");
}

reverseStringFor(string); // esto retorna 'oraucumirituciragnaraP'

Juneiker Castillo freelance web developer

Soy Juneiker Castillo, un desarrollador web frontend apasionado por la programación y la creación de sitios web modernos rápidos y escalables, en fin un friki 🤓 de javascript enamorado de react js ⚛️.

Sobre mi