Menu
Coddy logo textTech

Los métodos Join y Split

Parte de la sección Lógica y Flujo del Journey de JavaScript de Coddy — lección 51 de 65.

El método join() crea y devuelve una nueva cadena concatenando todos los elementos de un array, separados por un separador especificado.

El método split() divide una cadena en una lista ordenada de subcadenas y las devuelve en un array.

Sintaxis básica:

array.join([separator])
string.split([separator])

Por ejemplo:

<strong>Join()</strong>:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"

<strong>Split()</strong>:

const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']

Puedes usar diferentes separadores:

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Hoja de referencia

El método join() crea una cadena concatenando los elementos de un array con un separador:

array.join([separator])

El método split() divide una cadena en un array de subcadenas:

string.split([separator])

Ejemplos:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"

const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']

// Diferentes separadores
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']

Pruébalo tú mismo

Esta lección no incluye un desafío de código.

quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Lógica y Flujo