Domina los métodos de strings en JavaScript con ejemplos claros y aplicables. Aquí verás cómo contar caracteres, extraer porciones, dividir, limpiar, normalizar, buscar, validar y reemplazar texto, además de entender por qué los strings son primitivos inmutables y cómo esto impacta tu código.
¿Qué métodos de strings debes dominar en JavaScript?
Aprender a manejar texto te permite validar entradas, formatear resultados y construir funciones robustas. Los pilares aquí son: length, slice, substring, split, trim, normalización con toLowerCase y toUpperCase, búsqueda con includes, validación de inicio y fin, y replace para reemplazos controlados.
¿Cómo contar caracteres con length?
La propiedad length devuelve cuántos caracteres tiene un texto. Úsala para validar si un string está vacío o si cumple un tamaño mínimo.
const texto = "hola mundo";
texto.length; // 10
¿Cómo extraer porciones con slice y substring?
- slice extrae desde índice de inicio hasta fin sin incluir el fin. Acepta índices negativos para contar desde el final.
- substring es similar pero no admite negativos.
const texto1 = "JavaScript es genial";
texto1.slice(0, 10); // "JavaScript"
texto1.slice(11); // "es genial"
texto1.slice(-6); // "genial"
const texto2 = "hola mundo";
texto2.substring(0, 4); // "hola"
¿Cómo dividir, limpiar y normalizar texto?
Separar en partes, eliminar espacios y unificar mayúsculas/minúsculas evita errores comunes al procesar datos, por ejemplo al comparar entradas de un formulario.
¿Cómo separar en un array con split?
split divide un string usando un separador y devuelve un array.
const texto3 = "línea uno, línea dos, línea tres";
texto3.split(", "); // ["línea uno", "línea dos", "línea tres"]
Cambiar el separador cambia cómo se parte el texto: puede ser espacio, coma u otro carácter.
¿Cómo quitar espacios con trim?
trim elimina espacios al inicio y al final. También existen sus submétodos para solo el inicio o solo el final.
const crudo = " hola mundo ";
crudo.trim(); // "hola mundo"
// submétodos:
crudo.trimStart(); // elimina al inicio
crudo.trimEnd(); // elimina al final
¿Cómo estandarizar mayúsculas y minúsculas?
Para comparar textos sin errores, lleva todo a un mismo plano con toLowerCase o toUpperCase.
const palabra = "JavaScript";
palabra.toLowerCase(); // "javascript"
palabra.toUpperCase(); // "JAVASCRIPT"
¿Cómo buscar, validar y reemplazar contenido?
Antes de procesar datos, verifica si un texto contiene lo que esperas, si empieza o termina con una cadena concreta y reemplaza partes cuando sea necesario. Recuerda: los strings son inmutables.
¿Cómo saber si un texto incluye una palabra?
includes confirma la presencia de una subcadena y devuelve true o false.
const contenido = "aprende JavaScript desde cero";
contenido.includes("JavaScript"); // true
contenido.includes("Python"); // false
¿Cómo validar inicio y fin de un texto?
Útil para revisar prefijos o extensiones de archivos.
const archivo = "documento.md";
archivo.startsWith("doc"); // true
archivo.endsWith(".md"); // true
Esto permite validaciones como tipo de documento o extensión esperada.
¿Cómo reemplazar sin mutar el original?
replace crea un nuevo string con el cambio; el original no se altera porque los strings son primitivos inmutables.
const texto6 = "hola mundo, hola JavaScript";
const cambiado = texto6.replace("hola", "hi");
// cambiado: "hi mundo, hola JavaScript"
// texto6 sigue igual: "hola mundo, hola JavaScript"
Puntos clave para fijar aprendizaje:
- length: cuenta caracteres.
- slice y substring: extraen partes, solo slice acepta índices negativos.
- split: divide en array por separador.
- trim: limpia espacios; sus submétodos atienden inicio o fin.
- toLowerCase/toUpperCase: normalizan para comparación confiable.
- includes: búsqueda rápida que retorna true/false.
- Validación de prefijo y sufijo: inicio y extensión, como en "documento.md".
- replace: reemplaza sin modificar el original por la inmutabilidad de los strings.
¿Con qué caso de uso te gustaría practicar estos métodos: validación de formularios, limpieza de datos o manejo de nombres de archivos? Cuéntalo en los comentarios y probamos juntos.
