top of page

Métodos .split() & .join() ✨ Hacks JavaScript MeltStudio

Updated: Apr 9

Te ayudamos a dominar el manejo de Strings y Arrays usando los métodos adecuados de #JavaScript. Aprende a manipular los elementos de cualquier estructura de datos con fluidez creando código más legible y mantenible. ¿Quieres escribir un código más eficiente? 📝👀 ¡Los detalles aquí!


¿Cómo funcionan y cómo usar los métodos .split() y .join() en JavaScript? ⭐
¿Cómo funcionan y cómo usar los métodos .split() y .join() en JavaScript? ⭐

¡Holi de nuevo! En el blogpost anterior, conocimos .join para convertir arrays en cadenas. Ahora es el turno de complemento perfecto: el método .split().



¿Qué es .split() en JavaScript?


En JavaScript, .split() es un método que nos permite dividir una cadena y entregar un array de las partes, utilizando un separador como punto de corte. ¡Es la tijera mágica del mundo de JavaScript!.


Básicamente, .split agarra una cadena de texto y la corta en pedacitos usando un separador que tú le digas. Piensa en el separador como la línea que marcas con el lápiz antes de cortar con la tijera.

Tutorial ¿Cómo usar .split() en JavaScript?

Imagina que tienes una cadena con tu nombre completo:


const todosMisNombres = "Kelly Susanita Villa Pérez";

¿Cómo dividir esta cadena en un array que contenga cada palabra? Es decir, dividir todos los nombres y convertirlos en elementos de un array. ▶️ Puedes usar el método .split() y pedirle que corte en cada espacio:


const cadaNombreArr = todosMisNombres.split(" ");
console.log(cadaNombreArr);
// ["Kelly", "Susanita", "Villa", "Pérez"]

Si no le hubiesemos seteado que cortara por el separador espacio, entregaría esto:

const cadaNombreArr = todosMisNombres.split();
console.log(cadaNombreArr);
// ["K", "e", "l", "l", "y", " ", "S", "u", "s", "a"...]

¿Y si queremos dividir la cadena mediante un carácter diferente? Usa el caracter que deseas como separador:


const cadaNombreArr = todosMisNombres.split("i");
console.log(cadaNombreArr);
// ["KellySusan", "taV", "llaPérez"]

¿Y si queremos dividir la cadena en múltiples partes específicas? .split acepta un segundo argumento que indica el número máximo de divisiones que queremos realizar.


const cadaNombreArr = todosMisNombres.split(" ", 1);
console.log(cadaNombreArr);
// ["Kelly", "Susanita", "Villa Pérez"]


 


¿Cómo hacer .split() substring o subcadenas en JavaScript?


El método .split() también puede usarse para obtener subcadenas de una cadena. Si solo necesitas una parte específica de la cadena, puedes usar .split para dividirla y luego obtener la subcadena que deseas.


const cadaNombreArr = todosMisNombres.split(" ");
console.log(cadaNombreArr);
// ["Kelly", "Susanita", "Villa", "Pérez"]

Siguiendo con el ejemplo anterior, como el apellido "Pérez" está al final del array, podemos acceder a él ubicando la última posición:


const segundoApellido = cadaNombreArr[cadaNombreArr.length - 1];
console.log(segundoApellido);
// "Pérez"

O si ¿Quieres obtener las iniciales del nombre y el segundo nombre? ¡.split() otra vez!


const ini = cadaNombreArr[0][0] + "." + cadaNombreArr[2][0] + "."; 
console.log(ini);
// "K.V."

Aquí, usamos .split para separar cada nombre en un caracter y luego tomamos la primera letra (posición 0) de cada parte para armar las iniciales.


¿El método .split() mejora la complejidad de mi código JavaScript?

La respuesta corta es que .split() no mejora la complejidad de tu código JavaScript y en algunos casos, puede incluso aumentarla. 🙃


La notación BigO de .split() es también lineal O(n), esto significa que el tiempo de ejecución aumenta según la longitud de la cadena. Sin embrago, puede mejorar la complejidad de tu código si necesitas dividir una cadena en un array y luego realizar una operación en cada elemento del array, .split() puede ser más eficiente que hacerlo manualmente.


¿Cuándo usar el método split en JavaScript?


  • Puedes usarlo para aislar y operar cualquier parte de una cadena, como hacer regex a direcciones de correo electrónico, fechas, documentos, etc...


¿Pero qué pasa si quiero hacer lo contrario? Si quiero convertir un array en cadena, ya sabes que .join() es tu método ideal 🌈✨ ¡Blogpost aquí! .


¿Cuál es la diferencia entre .join() y .split() en JavaScript?


  • El método .join(): Convierte un array en una cadena, uniendo sus elementos con un separador especificado. Devuelve una cadena.

  • Y el método .split(): Divide una cadena en un array, utilizando un separador como punto de corte. Devuelve un array.

¡Dos herramientas esenciales en JavaScript! 🌈✨



 


Ya sabes ¿Dónde Practicar Algoritmos en línea?

Este TOP 5, publicado también en nuestras redes sociales (que por cierto, ¡síguenos! sacamos tips devs cada semana) recopila las mejores plataformas para practicar algoritmos, con opción gratuita, path de estudios y algunas en español ¡dale click! 👌🏻


 

¡Gracias por leer!

meltstudio.co
meltstudio.co

📍 Conéctate con nosotros en instagram👇


コメント


Join our newsletter to receive information about latest technologies trends and job offers

Thanks for subscribing!

bottom of page