Imagen destacada del artículo Cómo invertir una cadena (string) con Javascript

Cómo invertir una cadena (string) con Javascript

javascript svg
actualizado: 09 / 02 / 2022

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

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.

js
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().

js
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'
Artículos relacionados:
Cómo poner comentarios en javascript

Imagen destacada del artículo Cómo poner comentarios en javascript

Desestructuración (destructuring) de parámetros en funciones con typescript.

Imagen destacada del artículo Desestructuración (destructuring) de parámetros en funciones con typescript.

Cómo crear elementos html con el método .createElement de javascript

Imagen destacada del artículo Cómo crear elementos html con el método .createElement de javascript

Cómo ocultar un div con javascript

Imagen destacada del artículo Cómo ocultar un div con javascript

Verificar si una expresión es un palindromo con javascript

Imagen destacada del artículo Verificar si una expresión es un palindromo con javascript

Cómo filtrar elementos de un array con el método .filter()

Imagen destacada del artículo Cómo filtrar elementos de un array con el método .filter()

Cómo hacer un menú hamburguesa con html, css y javascript

Imagen destacada del artículo Cómo hacer un menú hamburguesa con html, css y javascript

Cambiar estilos css usando javascript

Imagen destacada del artículo Cambiar estilos css usando javascript