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 pasar un array como parámetro de una función en JavaScript

Imagen destacada del artículo Cómo pasar un array como parámetro de una función en JavaScript

Cómo hacer una tienda online con HTML y CSS: Una guía paso a paso

Imagen destacada del artículo Cómo hacer una tienda online con HTML y CSS: Una guía paso a paso

React vs Vue: Una comparativa general de dos de los frameworks más populares de la web

Imagen destacada del artículo React vs Vue: Una comparativa general de dos de los frameworks más populares de la web

Cómo poner comentarios en javascript

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

Como leer un archivo de texto (txt) usando nodejs

Imagen destacada del artículo Como leer un archivo de texto (txt) usando nodejs

Gatsby JS - introducción, ventajas y usos

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

Método .reduce() ejemplos prácticos con javascript

Imagen destacada del artículo Método .reduce() ejemplos prácticos con javascript