Introducción

En este artículo, veremos tres métodos de JavaScript: split(), reverse() y join(). Estos métodos son útiles para trabajar con cadenas y realizar tareas como invertir texto o cambiar el orden de las palabras.

Requisitos previos

No se necesita experiencia previa, solo la voluntad de sumergirse en JavaScript y experimentar con estos métodos.

El método split()

El método split() divide una cadena en una matriz basada en un delimitador especificado, que se pasa como argumento. El delimitador le dice al programa dónde "cortar" la cadena. Por ejemplo, si tienes una oración como "Este es un sándwich delicioso" y quieres dividirla en palabras individuales, puedes usar un espacio (' ') como delimitador.

const string = "This is a lovely sandwich";
const splitString = string.split(" ");

Cuando proporcionas un espacio (' ') como argumento, el código busca ese espacio en la cadena y "divide" la cadena en cada aparición. Esto crea una matriz, donde cada palabra se convierte en un elemento individual.

El resultado del código anterior es:

Array(5) [ "This", "is", "a", "lovely", "sandwich" ]

Bastante genial, ¿verdad?

Puedes utilizar cualquier delimitador que desees. Por ejemplo, si tiene una cadena con guiones como "¡Hola-cómo-estás!" y desea dividirlo por guiones, simplemente use '-' como delimitador:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

const hyphen = "¡hola-cómo-estás!"; const splitHyphen = guión.split("-");

Esto resulta en:

const hyphen = "hi-there-how-are-you-doing!";
const splitHyphen = hyphen.split("-");

Array(6)

Este método abre muchas posibilidades para manipular cadenas. Pero ahora podrías estar pensando:

Está bien, eso es genial, pero comencé con una cadena y ahora tengo una matriz. ¿Cómo recupero mi cuerda?

Pasemos al siguiente método.

El método join()

El método join() se puede utilizar en una matriz para convertirla nuevamente en una cadena. Al igual que split(), el método join() toma un argumento que especifica cómo unir los elementos de la matriz. La diferencia es que en lugar de dividir una cadena, join() usa el argumento para combinar los elementos de la matriz nuevamente en una sola cadena.

Por ejemplo, usando la matriz splitHyphen de antes, puedes volver a unirla en una cadena proporcionando un espacio como argumento:

const joinedString = splitHyphen.join(" ");

const joinString = splitHyphen.join(" ");

Esto resulta en:

const joinedString = splitHyphen.join(" ");

"hola, ¿cómo estás?"

¡Es como magia! Ahora su matriz se transforma nuevamente en una cadena, con espacios entre cada palabra.

El método inverso()

El método inverso() cambia el orden de los elementos en una matriz para que sea el opuesto de lo que era. Este método se llama directamente en la matriz, sin ningún argumento, y simplemente invierte el orden de los elementos.

Por ejemplo, si desea invertir los elementos en la matriz splitHyphen, puede hacer esto:

const joinedString = splitHyphen.join(" ");

const invertidaArray = splitHyphen.reverse();

El resultado es:

const joinedString = splitHyphen.join(" ");

const reversedString = reversedArray.join(" ");

const invertidaString = invertidaArray.join(" ");

"doing! you are how there hi"

"haciendo! eres como hay hola"

Muy bien, ¿verdad?

Conclusión

---

En este artículo, exploramos tres métodos esenciales en JavaScript: split(), reverse() y join(). Observamos cómo trabajan juntos para manipular cadenas y matrices, transformándolas de manera flexible. ¡Espero que esto te ayude en tu recorrido por JavaScript y te inspire a seguir experimentando!

¡Gracias por leer! Si tiene alguna pregunta o desea compartir su opinión sobre la manipulación de cadenas de JavaScript, no dude en comunicarse conmigo en Twitter @km_fsdev.