top of page

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

Updated: 4 days ago

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 .join() y .split() en JavaScript?⭐
¿Cómo funcionan y cómo usar los métodos .join() y .split() en JavaScript?⭐

¿Qué es .join() en JavaScript?


En JavaScript, .join() es un método que nos permite unir elementos, es como el pegamento mágico del mundo de JavaScript. Une los elementos de tu array en una cadena de texto usando un separador que tú elijas (como una coma o un espacio).


Esencialmente, transforma los elementos en una cadena limpia y organizada, lista para ser usada en cualquier parte de tu código. ¡Y lo mejor? Es súper fácil de usar!

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

Imagina que tienes un array con las partes de tu nombre completo:


const NCompleto = ["Kelly", "Susanita", "Villa", "Pérez"];

Si quisieras convertir este array en un string, es decir, unir todos los elementos del array en una sola cadena debes usar el método .join() al final de tu array:


const misNombres = NCompleto.join(" ");
console.log(misNombres);
// Kelly Susanita Villa Pérez

Nuestro separador es espacio (" "), si no le hubiésemos puesto nada imprimiría así:


const misNombres = NCompleto.join("");
console.log(misNombres);
// KellySusanitaVillaPérez

¿Cómo convertir un Array a String con comas JavaScript?


Para añadir comas entre cada elemento hacemos la misma jugada:


const misNombres = NCompleto.join(", ");
console.log(misNombres);
// Kelly, Susanita, Villa, Pérez

¿Viste que es fácil? Otra duda que suele surgir es si es eficiente:

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


El método .join() también es ¡muy eficiente!. Su rendimiento tiene una complejidad en BigO Notation que depende de la longitud de la cadena o array, esta es lineal (O(n)).



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


  • Al unir nombres de usuarios para crear una lista.

  • Separar una fecha en sus componentes (día, mes, año).

  • Convertir una cadena CSV en un array de datos.


¿Pero qué pasa si quiero hacer lo contrario? Si quiero convertir una cadena en un array, .split() es tu método ideal 🌈✨ Usualmente se usan estos dos métodos juntos.


Con .split() divides la cadena y la conveiertes en un array, utilizando el separador como punto de corte. Conoce ¿Cómo funciona .split()? con varios ejemplos prácticos en el siguiente blog (porque este ya me quedó muy largo 🙈)




 


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👇


Comments


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

Thanks for subscribing!

bottom of page