Manipulación de cadenas en JS mas ejercicios

10 Ejercicios resueltos de manipulación de cadenas en JS (String y métodos esenciales) + aprendizaje teórico

Descubre ejercicios prácticos y resueltos de manipulación de cadenas en JavaScript para reforzar tus conocimientos. Domina métodos esenciales y optimiza tu código paso a paso.

Aprendizaje teórico

En JavaScript, las cadenas (o strings) son esenciales para el manejo de información textual. Para trabajar con ellas, disponemos de métodos muy útiles que nos permiten, por ejemplo, transformar su contenido, buscar coincidencias o extraer partes específicas de texto. Entre los más destacados se encuentran:

• length: para conocer la longitud de la cadena.
• toUpperCase() y toLowerCase(): para convertir a mayúsculas y minúsculas, respectivamente.
• indexOf(), includes(): para buscar subcadenas.
• slice(), substring(), substr(): para extraer partes de una cadena.
• replace(): para sustituir fragmentos de texto.
• split() y join(): para convertir una cadena en array y viceversa.
• trim(): para eliminar espacios en blanco al inicio y al final de una cadena.
• charAt() y charCodeAt(): para acceder a caracteres individuales.

Al dominar estos métodos, serás capaz de manipular el texto de forma ágil y eficiente, lo cual es fundamental en prácticamente cualquier proyecto de JavaScript.

Intento de resolución antes de la solución

A continuación, te presentamos diez ejercicios que cubren diferentes métodos y técnicas de manipulación de cadenas en JavaScript. Te animamos a intentar resolverlos por tu cuenta antes de ver la solución. De esta manera, reforzarás tu aprendizaje al poner en práctica lo que ya conoces.

10 ejercicios resueltos de manipulación de cadenas en JavaScript

Ejercicio 1: Contar la longitud de una cadena

Explicación:
Dada una cadena cualquiera, se pide obtener su longitud para saber cuántos caracteres la componen. Por ejemplo, si la cadena es "JavaScript", debemos mostrar en pantalla el número de caracteres que la conforman.

// Definimos la cadena
const texto = "JavaScript";

// Usamos la propiedad length para conocer el número de caracteres
const longitud = texto.length;

// Imprimimos el resultado
console.log("La longitud de la cadena es:", longitud); 
// La longitud de la cadena es: 10

Ejercicio 2: Convertir a mayúsculas y minúsculas

Explicación:
En este ejercicio, se busca transformar la cadena "Hola Mundo" a mayúsculas y luego a minúsculas utilizando los métodos toUpperCase() y toLowerCase().

const saludo = "Hola Mundo";

// Convertir a mayúsculas
const enMayusculas = saludo.toUpperCase();
console.log("Mayúsculas:", enMayusculas); 
// Mayúsculas: HOLA MUNDO

// Convertir a minúsculas
const enMinusculas = saludo.toLowerCase();
console.log("Minúsculas:", enMinusculas); 
// Minúsculas: hola mundo

Ejercicio 3: Extraer parte de una cadena

Explicación:
Dada la cadena "Aprendiendo JavaScript", queremos extraer únicamente la palabra "JavaScript" usando el método slice() y mostrarla en pantalla.

const frase = "Aprendiendo JavaScript";
// Buscamos el índice donde comienza "JavaScript" (empieza en el carácter 12)
const inicio = 12;
// También podemos hallar el índice final (o usar la longitud de la cadena)
const fin = frase.length;

// Extraemos la parte deseada con slice
const palabraExtraida = frase.slice(inicio, fin);
console.log("Palabra extraída:", palabraExtraida); 
// Palabra extraída: JavaScript

Ejercicio 4: Reemplazar texto en una cadena

Explicación:
Queremos sustituir la palabra "Mundo" por "Universo" en la cadena "Hola Mundo". Para ello, utilizaremos el método replace().

const saludoMundo = "Hola Mundo";

// Usamos replace para cambiar 'Mundo' por 'Universo'
const saludoUniverso = saludoMundo.replace("Mundo", "Universo");
console.log("Saludo modificado:", saludoUniverso); 
// Saludo modificado: Hola Universo

Ejercicio 5: Verificar si una palabra está incluida

Explicación:
Vamos a comprobar si la palabra "JS" aparece en la cadena "Me encanta programar en JS". Para lograrlo, podemos usar el método includes().

const fraseProgramar = "Me encanta programar en JS";

// Verificamos si la palabra "JS" está en la frase
const contieneJS = fraseProgramar.includes("JS");
console.log("¿La frase contiene 'JS'? :", contieneJS); 
// ¿La frase contiene 'JS'? : true

Ejercicio 6: Ubicación de un carácter específico

Explicación:
Dada la cadena "Bienvenido", queremos encontrar el índice en el que aparece la letra "n" por primera vez. Utilizaremos el método indexOf() para ello.

const palabra = "Bienvenido";

// Buscamos el índice de la primera aparición de "n"
const indiceN = palabra.indexOf("n");
console.log("Índice de la 'n':", indiceN); 
// Índice de la 'n': 3

Ejercicio 7: Dividir una cadena en un array y volver a unirla

Explicación:
Partiendo de la cadena "JavaScript,Python,Java", la dividiremos en un array de lenguajes usando split(). Luego, volveremos a unirlos en una cadena distinta usando join().

const lenguajes = "JavaScript,Python,Java";

// Dividimos la cadena en un array separado por comas
const arrayLenguajes = lenguajes.split(",");
console.log("Array de lenguajes:", arrayLenguajes); 
// Array de lenguajes: ["JavaScript", "Python", "Java"]

// Volvemos a unirlos en una sola cadena
const lenguajesUnidos = arrayLenguajes.join(" - ");
console.log("Lenguajes unidos:", lenguajesUnidos); 
// Lenguajes unidos: JavaScript - Python - Java

Ejercicio 8: Eliminar espacios en blanco

Explicación:
A veces, las cadenas contienen espacios no deseados al inicio o al final. Dada la cadena " Hola JS ", utilizaremos trim() para limpiar esos espacios.

const cadenaEspaciada = "   Hola JS  ";

// Eliminamos espacios al inicio y al final
const cadenaSinEspacios = cadenaEspaciada.trim();
console.log("Cadena sin espacios:", cadenaSinEspacios); 
// Cadena sin espacios: Hola JS

Ejercicio 9: Repetir una cadena varias veces

Explicación:
Usando el método repeat(), se desea imprimir la frase "Estudiando JS " tres veces seguidas en una sola cadena.

const fraseRepetir = "Estudiando JS ";

// Repetimos la frase 3 veces
const repetido = fraseRepetir.repeat(3);
console.log("Cadena repetida:", repetido); 
// Cadena repetida: Estudiando JS Estudiando JS Estudiando JS 

Ejercicio 10: Acceder a un carácter específico

Explicación:
En la cadena "Code", queremos mostrar la letra que se encuentra en el índice 2 (recordando que comienza en 0). Para esto, usaremos charAt().

const palabraCode = "Code";

// Obtenemos el carácter en el índice 2
const caracter = palabraCode.charAt(2);
console.log("Carácter en índice 2:", caracter); 
// Carácter en índice 2: d

Preguntas frecuentes (FAQs)

Hemos explorado diferentes formas de manipular cadenas en JavaScript, utilizando métodos fundamentales que se emplean con frecuencia en el desarrollo web y en numerosos proyectos de programación. Practicar estos ejercicios te ayudará a afianzar tu comprensión y a desarrollar confianza a la hora de trabajar con texto. ¡Sigue experimentando y verás cómo cada vez te resultará más sencillo enfrentarte a retos más complejos!

¿Te han resultado útiles estos ejercicios? Visita nuestro blog para descubrir más contenido relacionado, guías y tutoriales que te ayudarán a seguir avanzando en tu formación como desarrollador. ¡Te esperamos!