¿Cómo usar el método Split de Strings Javascript?

¿Cómo funciona el método split() en JavaScript?

Respuesta corta: split() divide un string en partes y las devuelve en un array, sin modificar el string original. Le pasas el separador, que puede ser un texto o una expresión regular, y, si quieres, un límite de elementos:

const frase = "Aprende JavaScript con 4Geeks";
const palabras = frase.split(" ");
 
console.log(palabras); // [ 'Aprende', 'JavaScript', 'con', '4Geeks' ]

Con split(",") separas por comas, con split("") obtienes cada carácter y con split(/\s+/) divides por cualquier cantidad de espacios.

El separador decide dónde se corta el texto. Si hay espacios repetidos, límpialos con trim() y una expresión regular para no recibir elementos vacíos.

Sintaxis de split()

texto.split(separador, limite);

Qué devuelve split() según el separador

Sin separador, split() devuelve un array con el string completo. Si el texto empieza, termina o tiene dos separadores seguidos, aparecen elementos vacíos ''.

Ejemplos de split() en JavaScript

Separar los datos de una línea

const linea = "Ana,30,Madrid";
const [nombre, edad, ciudad] = linea.split(",");
 
console.log(nombre, edad, ciudad); // Ana 30 Madrid

Con la desestructuración guardas cada parte en su propia variable.

Quitar los espacios de cada parte

const lenguajes = "JavaScript, Python, Java";
 
console.log(lenguajes.split(","));
// [ 'JavaScript', ' Python', ' Java' ]
 
console.log(lenguajes.split(",").map((s) => s.trim()));
// [ 'JavaScript', 'Python', 'Java' ]

Convertir un texto en números

const numeros = "10,20,30".split(",").map(Number);
 
console.log(numeros); // [ 10, 20, 30 ]

split() siempre devuelve strings. map(Number) los convierte en números para poder sumarlos o compararlos.

Contar las palabras de un texto

const texto = "  Aprende   a programar ";
const palabras = texto.trim().split(/\s+/);
 
console.log(palabras.length); // 3

trim() quita los espacios del principio y del final, y /\s+/ corta por uno o más espacios seguidos.

Dividir un texto en líneas

const lineas = "uno\r\ndos\ntres".split(/\r?\n/);
 
console.log(lineas); // [ 'uno', 'dos', 'tres' ]

La expresión /\r?\n/ funciona con los saltos de línea de Windows y de macOS o Linux.

Usar varios separadores a la vez

const fechas = "2026-11-09/2026-12-31".split(/[-/]/);
 
console.log(fechas); // [ '2026', '11', '09', '2026', '12', '31' ]

Obtener las partes de una URL

const url = "https://4geeks.com/es/how-to/split-string-javascript";
const partes = new URL(url).pathname.split("/").filter(Boolean);
 
console.log(partes); // [ 'es', 'how-to', 'split-string-javascript' ]

filter(Boolean) elimina los elementos vacíos que deja la barra inicial.

Invertir un string

const invertido = "hola".split("").reverse().join("");
 
console.log(invertido); // aloh

split() con emojis y caracteres especiales

split("") corta el texto en unidades UTF-16, así que rompe los emojis y algunos caracteres en dos piezas. Para separar por caracteres reales, usa el operador de propagación o Array.from():

console.log("hola👋".split(""));
// [ 'h', 'o', 'l', 'a', '\ud83d', '\udc4b' ]
 
console.log([..."hola👋"]);
// [ 'h', 'o', 'l', 'a', '👋' ]

split() frente a otros métodos

split() y join() se usan mucho juntos. Por ejemplo, para convertir un título en un slug:

const slug = "Aprende JavaScript Hoy".toLowerCase().split(" ").join("-");
 
console.log(slug); // aprende-javascript-hoy

Si la expresión regular del separador tiene un grupo entre paréntesis, split() también devuelve los separadores:

console.log("a1b2c".split(/(\d)/)); // [ 'a', '1', 'b', '2', 'c' ]

Usa split() con IA

Un asistente como ChatGPT, Claude o GitHub Copilot escribe el split() exacto para tu texto en segundos, sobre todo cuando necesitas una expresión regular. Estos tres prompts están listos para copiar.

1. Separa tu texto

Tengo este texto en JavaScript: [pega un ejemplo real]
Quiero obtener un array con [cada palabra / cada línea / cada valor entre comas, sin espacios].
Escríbelo con split() y explícame qué separador usas y por qué.

2. Arregla un split() que devuelve vacíos o espacios

Este split() me devuelve [elementos vacíos '' / espacios sobrantes / un solo elemento]:
[pega tu código y el texto de ejemplo]
Explícame la causa y dame la corrección.

3. Convierte el resultado en datos útiles

Tengo líneas de texto así: [pega 3 líneas de ejemplo]
Conviértelas con split() en un array de objetos con las propiedades [nombre, edad, ciudad]
y los números como number, no como string.

Comprueba la respuesta en la consola del navegador o en Node.js con tu texto real.

Errores comunes con split()

Guías relacionadas

• Cómo reemplazar texto en un string de JavaScript
• Cómo usar el método forEach() en JavaScript
• Cómo usar el método reduce() en JavaScript
• Cómo recorrer un array en JavaScript
• Ejemplos de expresiones regulares