Reemplazar texto dentro de una cadena es una operación común en la programación, especialmente cuando necesitas modificar o limpiar datos. JavaScript proporciona varias formas de realizar esta tarea de manera sencilla y eficiente. En este artículo, te mostraremos cómo reemplazar texto en una cadena utilizando diferentes métodos en JavaScript.
1. Usando el método replace()
El método más sencillo para reemplazar texto en una cadena en JavaScript es utilizando el método replace(). Este método reemplaza la primera coincidencia de un patrón específico con un nuevo valor.
const texto = "Hola Mundo";
const nuevoTexto = texto.replace("Mundo", "JavaScript");
console.log(nuevoTexto); // Output: "Hola JavaScript"
En este ejemplo, el método replace() busca la palabra «Mundo» en la cadena y la reemplaza con «JavaScript».
2. Reemplazar todas las ocurrencias usando replace()
Por defecto, replace() solo reemplaza la primera ocurrencia del texto. Si deseas reemplazar todas las ocurrencias, puedes usar una expresión regular con la bandera g (global).
const texto = "JavaScript es genial. JavaScript es versátil.";
const nuevoTexto = texto.replace(/JavaScript/g, "JS");
console.log(nuevoTexto); // Output: "JS es genial. JS es versátil."
En este ejemplo, todas las ocurrencias de «JavaScript» en la cadena se reemplazan por «JS» gracias al uso de la expresión regular con la bandera g.
3. Usando funciones en replace()
El método replace() también puede aceptar una función como segundo argumento, lo que permite realizar reemplazos más complejos basados en la lógica personalizada.
const texto = "Precio: 100 USD, Precio: 200 USD";
const nuevoTexto = texto.replace(/\d+ USD/g, (match) => {
return parseInt(match) * 0.85 + " EUR";
});
console.log(nuevoTexto); // Output: "Precio: 85 EUR, Precio: 170 EUR"
Aquí, utilizamos una función en replace() para convertir precios de USD a EUR. La función se aplica a cada coincidencia, realizando la conversión y devolviendo el nuevo valor.
4. Reemplazar múltiples patrones
Si necesitas reemplazar diferentes patrones en una cadena, puedes utilizar una combinación de expresiones regulares o aplicar múltiples replace() de forma secuencial.
const texto = "El rojo es brillante. El azul es calmante.";
const nuevoTexto = texto.replace(/rojo/g, "verde").replace(/azul/g, "morado");
console.log(nuevoTexto); // Output: "El verde es brillante. El morado es calmante."
En este ejemplo, primero reemplazamos «rojo» con «verde» y luego «azul» con «morado» utilizando dos llamadas consecutivas a replace().
Conclusión
Reemplazar texto en cadenas en JavaScript es una tarea fácil gracias al método replace(). Puedes usarlo para realizar reemplazos simples, globales o incluso aplicar lógica personalizada con funciones. Con estas técnicas, puedes manipular y modificar cadenas de texto de manera efectiva en tus proyectos de JavaScript.