Manipulación de Cadenas en JavaScript: 10 Ejercicios Resueltos
Descubre cómo manipular y transformar cadenas de texto en JavaScript con esta guía práctica. A través de 10 ejercicios resueltos paso a paso, aprenderás a calcular longitudes, extraer partes de un texto, reemplazar palabras, dividir frases en arrays y formatear strings de manera profesional y eficiente.
Aprendizaje teórico
¿Qué son las cadenas de texto (Strings)?
En JavaScript, las cadenas o strings son secuencias de caracteres que representan texto. Son uno de los tipos primitivos más usados y tienen una propiedad clave: son inmutables. Esto significa que los métodos de cadena nunca alteran el texto original, sino que siempre devuelven una nueva cadena con las modificaciones aplicadas.
Métodos esenciales de cadenas
JavaScript incluye una biblioteca amplia de propiedades y métodos integrados para trabajar con texto:
length: propiedad que devuelve el número total de caracteres de la cadena.toUpperCase()ytoLowerCase(): convierten todo el texto a mayúsculas o minúsculas.slice(inicio, fin): extrae una sección de la cadena sin modificar la original.replace(buscado, nuevo): sustituye la primera coincidencia de un texto por otro.includes(subcadena): comprueba si la subcadena existe y devuelvetrueofalse.indexOf(subcadena): retorna la posición del primer carácter encontrado, o-1si no existe.split(separador): divide el texto en un array de fragmentos basándose en un delimitador.trim(): remueve los espacios en blanco sobrantes al inicio y al final.repeat(veces): duplica la cadena el número de veces indicado.charAt(indice): obtiene el carácter individual ubicado en una posición específica.
Ejercicio 1: Contar la longitud de una cadena
Dada una cadena de texto, obtén y muestra en la consola la cantidad total de caracteres que la componen utilizando la propiedad length.
Pista
Accede directamente a la propiedad .length sobre la variable que almacena la cadena.
const texto = "JavaScript";
const longitud = texto.length;
console.log("La longitud de la cadena es:", longitud);terminal Resultado esperado:
La longitud de la cadena es: 10
Ejercicio 2: Convertir a mayúsculas y minúsculas
Dada la cadena «Hola Mundo», transfórmala primero a letras mayúsculas y luego a minúsculas, mostrando ambos resultados en la consola.
Pista
Utiliza los métodos .toUpperCase() y .toLowerCase() para generar las nuevas cadenas transformadas.
const saludo = "Hola Mundo";
const enMayusculas = saludo.toUpperCase();
console.log("Mayúsculas:", enMayusculas);
const enMinusculas = saludo.toLowerCase();
console.log("Minúsculas:", enMinusculas);terminal Resultado esperado:
Mayúsculas: HOLA MUNDO Minúsculas: hola mundo
Ejercicio 3: Extraer parte de una cadena
A partir de la frase «Aprendiendo JavaScript», extrae únicamente la palabra «JavaScript» usando el método slice() y muéstrala en consola.
Pista
El método slice(inicio) extrae desde el índice indicado hasta el final de la cadena si se omite el segundo parámetro.
const frase = "Aprendiendo JavaScript";
const inicio = 12;
const palabraExtraida = frase.slice(inicio);
console.log("Palabra extraída:", palabraExtraida);terminal Resultado esperado:
Palabra extraída: JavaScript
Ejercicio 4: Reemplazar texto en una cadena
En la frase «Hola Mundo», sustituye la palabra «Mundo» por «Universo» utilizando el método replace() y muestra la cadena resultante.
Pista
El método replace() busca la coincidencia indicada en el primer argumento y la sustituye por el segundo.
const saludoMundo = "Hola Mundo";
const saludoUniverso = saludoMundo.replace("Mundo", "Universo");
console.log("Saludo modificado:", saludoUniverso);terminal Resultado esperado:
Saludo modificado: Hola Universo
Ejercicio 5: Verificar si una palabra está incluida
Comprueba si la subcadena «JS» forma parte de la frase «Me encanta programar en JS» y muestra el resultado booleano.
Pista
Usa el método .includes("JS"), el cual devuelve true si la cadena contiene exactamente ese texto respetando mayúsculas.
const fraseProgramar = "Me encanta programar en JS";
const contieneJS = fraseProgramar.includes("JS");
console.log("¿La frase contiene 'JS'?:", contieneJS);terminal Resultado esperado:
¿La frase contiene 'JS'?: true
Ejercicio 6: Ubicación de un carácter específico
Dada la palabra «Bienvenido», encuentra el índice de la primera aparición de la letra «n» empleando el método indexOf().
Pista
El método indexOf() devuelve la posición numérica con índice base cero de la primera coincidencia encontrada.
const palabra = "Bienvenido";
const indiceN = palabra.indexOf("n");
console.log("Índice de la 'n':", indiceN);terminal Resultado esperado:
Índice de la 'n': 3
Ejercicio 7: Dividir una cadena en un array y volver a unirla
Divide la lista separada por comas «JavaScript,Python,Java» en un array y luego vuelve a unir sus elementos usando un guion (« - »).
Pista
Usa .split(",") para convertir la cadena en un array y .join(" - ") sobre el array para ensamblar el nuevo texto.
const lenguajes = "JavaScript,Python,Java";
const arrayLenguajes = lenguajes.split(",");
console.log("Array de lenguajes:", arrayLenguajes);
const lenguajesUnidos = arrayLenguajes.join(" - ");
console.log("Lenguajes unidos:", lenguajesUnidos);terminal Resultado esperado:
Array de lenguajes: [ 'JavaScript', 'Python', 'Java' ] Lenguajes unidos: JavaScript - Python - Java
Ejercicio 8: Eliminar espacios en blanco
Dada la cadena « Hola JS » con espacios innecesarios a los extremos, elimina los espacios en blanco utilizando el método trim().
Pista
El método .trim() retira espacios al inicio y al final sin afectar los espacios que separan las palabras intermedias.
const cadenaEspaciada = " Hola JS ";
const cadenaSinEspacios = cadenaEspaciada.trim();
console.log("Cadena sin espacios:", cadenaSinEspacios);terminal Resultado esperado:
Cadena sin espacios: Hola JS
Ejercicio 9: Repetir una cadena varias veces
Repite la frase «Estudiando JS » tres veces consecutivas dentro de una misma cadena usando el método repeat().
Pista
Llama a .repeat(3) sobre la variable de texto para concatenar la cadena consigo misma tantas veces como se indique.
const fraseRepetir = "Estudiando JS ";
const repetido = fraseRepetir.repeat(3);
console.log("Cadena repetida:", repetido);terminal Resultado esperado:
Cadena repetida: Estudiando JS Estudiando JS Estudiando JS
Ejercicio 10: Acceder a un carácter específico
En la palabra «Code», obtén e imprime en consola la letra situada en el índice 2 utilizando el método charAt().
Pista
Recuerda que en JavaScript los índices comienzan en 0 (0 es C, 1 es o, 2 es d). Puedes usar .charAt(2) o la sintaxis de corchetes.
const palabraCode = "Code";
const caracter = palabraCode.charAt(2);
console.log("Carácter en índice 2:", caracter);terminal Resultado esperado:
Carácter en índice 2: d
Preguntas frecuentes
¿Por qué es importante usar trim() al procesar entradas de usuario?
El método trim() elimina los espacios en blanco que los usuarios suelen introducir por error al principio o al final de formularios (como nombres de usuario o correos electrónicos), evitando fallos en comparaciones y validaciones de base de datos.
¿replace() modifica la cadena original o crea una nueva?
En JavaScript las cadenas son inmutables; por lo tanto, replace() nunca altera la variable original, sino que retorna una nueva cadena con las sustituciones realizadas.
¿Qué diferencia hay entre slice() y substring()?
Aunque ambos métodos extraen fragmentos de texto, slice() permite el uso de índices negativos para contar posiciones desde el final de la cadena hacia adelante (por ejemplo, slice(-4) para los últimos cuatro caracteres), mientras que substring() trata los números negativos como cero.
Conclusión
La manipulación de cadenas de texto es una habilidad cotidiana en cualquier desarrollo con JavaScript, desde formatear datos mostrados en pantalla hasta validar formularios o comunicarse con APIs. Dominar métodos como slice, replace, split y trim te ahorrará tiempo y te permitirá escribir código mucho más limpio y profesional.
Sigue aprendiendo
Profundiza en todos los métodos disponibles para cadenas en JavaScript consultando la documentación oficial en MDN Web Docs:
Sigue practicando
Otros ejercicios prácticos recomendados
10 Ejercicios Resueltos de Manipulación del DOM en JavaScript
Aprende a controlar tus páginas web con estos 10 ejercicios resueltos de manipulación del DOM en JavaScript. Practica seleccionando elementos, modificando estilos y respondiendo a eventos mediante ejemplos claros y paso...
10 Ejercicios Resueltos de Funciones en JavaScript
Aprende a crear y utilizar funciones en JavaScript con esta guía práctica. Mejora tu lógica de programación resolviendo 10 ejercicios paso a paso, ideales para principiantes. Descubre cómo estructurar código reutilizable...
Bucles en JavaScript: 10 Ejercicios Resueltos
Aprende a dominar los bucles en JavaScript con esta guía práctica. Descubre cómo usar for, while y do...while a través de 10 ejercicios resueltos paso a paso. Ideal para principiantes que buscan mejorar su lógica de prog...