Reemplazar cadenas de texto con replace() en JavaScript

Aprende a usar la función replace() para mejorar tus proyectos de programación

La función replace() es una herramienta útil en JavaScript que permite reemplazar cadenas de texto específicas por otras en una cadena dada. Esta función se puede utilizar en situaciones comunes de programación, como la sustitución de caracteres especiales o el cambio de mayúsculas y minúsculas. En este artículo, exploraremos cómo usar replace() para mejorar tus proyectos de programación.

Ejemplo 1: Reemplazar una cadena de caracteres

const frase = "Hola, ¿cómo estás?";
const nuevaFrase = frase.replace("estás", "estoy");
console.log(nuevaFrase); // Salida: "Hola, cómo estoy?"

Este ejemplo muestra cómo reemplazar una subcadena de caracteres en una cadena de texto. En este caso, la palabra «estás» se reemplaza por «estoy».

Ejemplo 2: Reemplazando múltiples ocurrencias

const frase = "Hola, Hola, ¿cómo estás?";
const nuevaFrase = frase.replace(/\bHola\b/g, "Saludos");
console.log(nuevaFrase); // Salida: "Saludos, Hola, ¿cómo estás?"

En este ejemplo se reemplaza múltiples ocurrencias de una palabra específica en la cadena de texto. La expresión regular /\bHola\b/g busca todas las ocurrencias del término «Hola» y las reemplaza por «Saludos».

Ejemplo 3: Reemplazando caracteres en una cadena

const frase = "Vamos a la playa";
const nuevaFrase = frase.replace(/a/gi, "o");
console.log(nuevaFrase); // Salida: "Vomos a la ployo"

Este ejemplo muestra cómo reemplazar caracteres específicos en una cadena de texto. En este caso, todas las ocurrencias de la letra «a» en minúscula y mayúscula se reemplazan por «o».

Ejemplo 4: Reemplazando subcadenas con expresiones regulares

const frase = "El número es: 123";
const nuevaFrase = frase.replace(/(\d+)/, function(match) {
 return match.toString().toUpperCase();
});
console.log(nuevaFrase); // Salida: "El NUMERO ES: 123"

Este ejemplo muestra cómo utilizar expresiones regulares para reemplazar subcadenas específicas en una cadena de texto. En este caso, se busca un número (un o más dígitos) y se convierte a mayúsculas.

Ejemplo 5: Reemplazando cadenas en un array

const frases = ["Hola, ¿cómo estás?", "Puedes venir mañana?"];
const nuevasFrases = frases.map(frase => frase.replace("estás", "estoy"));
console.log(nuevasFrases); // Salida: ["Hola, cómo estoy?", "Puedes venir mañana?"]

Este ejemplo muestra cómo reemplazar cadenas en un array de textos utilizando el método `map()`. En este caso, se busca la palabra «estás» y se reemplaza por «estoy» en cada frase del array.

Ejemplo 6: Reemplazando cadenas en un objeto

const persona = {
 nombre: "Juan Pérez",
 edad: 25,
 ciudad: "Madrid"
};
const nuevaPersona = {
 ...persona,
 nombre: persona.nombre.replace("Pérez", "García"),
 ciudad: persona.ciudad.replace("Madrid", "Barcelona")
};
console.log(nuevaPersona); // Salida: {nombre: "Juan García", edad: 25, ciudad: "Barcelona"}

Este ejemplo muestra cómo reemplazar cadenas en un objeto JavaScript utilizando el operador de propagación (`…`) para copiar las propiedades del objeto original y luego modificar las propiedades específicas. En este caso, se busca la cadena «Pérez» y «Madrid» y se reemplaza por «García» y «Barcelona», respectivamente.

Conclusión

En resumen, la función replace() es una herramienta poderosa en JavaScript que puede ayudarte a resolver problemas comunes de programación. Al aprender a utilizar esta función, podrás mejorar tus proyectos y escribir código más eficiente y legible. Asegúrate de entender los parámetros y el comportamiento de replace() para aplicarla de manera efectiva en tus proyectos futuros.