Dividir y unir cadenas (split y join)

En esta lección aprenderás a dividir y unir cadenas con .split() y .join() de JavaScript, para procesar con libertad texto tipo CSV. Está dirigida a quien busca «uso de split y join en JavaScript».

.split(separador) divide una cadena en un array. A la inversa, .join(separador) combina un array en una sola cadena. Ambos se usan mucho con datos tipo CSV. Combinarlos te permite procesar texto a voluntad: convertir separadores, quitar espacios sobrantes y más.

El código de ejemplo divide la cadena separada por comas csv en el array frutas con .split(","), y después vuelve a montar ese array en una cadena con otro separador (una barra) mediante .join(" / "). Si usas la cadena vacía como separador, también puedes trocear un texto en un array de caracteres sueltos.

Un tropiezo habitual al empezar es que el separador que pasas a .split() debe coincidir exactamente con el que aparece en la cadena original, o la división no saldrá bien. El CSV del mundo real suele venir con formato irregular —espacios de más tras la coma, por ejemplo—, así que a veces hace falta dividir con una expresión regular.

En el desarrollo real, la pareja split/join es una técnica de uso constante que aparece siempre que manejas texto: leer un archivo, procesar la respuesta de una API o interpretar una lista de etiquetas separadas por comas escrita en un formulario.

A .split() también puedes pasarle una expresión regular, lo que permite manejar patrones más complejos, como «divide por coma o por espacio». Con datos reales, que suelen venir con formato inconsistente, merece la pena conocer esta forma más flexible de dividir.

Si solo necesitas comprobar si una subcadena concreta aparece en algún punto del texto, también puedes hacerlo sin dividir nada, con .includes(). Acostúmbrate a elegir entre dividir para un procesamiento detallado o simplemente comprobar la presencia, según lo que necesites.

Para convertir una cadena en un array de caracteres se usa .split(""), pero caracteres especiales como los emojis a veces no se separan bien así; para un procesamiento más avanzado también se conoce la técnica con Array.from().