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 filtrar elementos de un array con filter javascript

Imagen destacada del artículo Cómo filtrar elementos de un array con filter javascript

Cómo eliminar elementos repetidos de un arreglo en JavaScript

Imagen destacada del artículo Cómo eliminar elementos repetidos de un arreglo en JavaScript

Cómo insertar Javascript en HTML

Imagen destacada del artículo Cómo insertar Javascript en HTML

Eliminar el primer y ultimo carácter de una cadena en javascript

Imagen destacada del artículo Eliminar el primer y ultimo carácter de una cadena en javascript

Cómo eliminar elementos de un arreglo en JavaScript

Imagen destacada del artículo Cómo eliminar elementos de un arreglo en JavaScript

Gatsby JS - introducción, ventajas y usos

Imagen destacada del artículo Gatsby JS - introducción, ventajas y usos

Introducción a Nextjs

Imagen destacada del artículo Introducción a Nextjs

Calcular cuantos días hay entre dos fechas con javascript

Imagen destacada del artículo Calcular cuantos días hay entre dos fechas con javascript