logo

Buscar/Reemplazar texto en JavaScript con replace() [Ejemplos]

Este tutorial rápido le mostrará cómo buscar y reemplazar texto en JavaScript, con ejemplos de código.

Reemplazar texto en cadenas es algo que probablemente necesitará hacer con bastante frecuencia. JavaScript viene con replace() método como parte de sus objetos de cadena para manejar esta funcionalidad.

Cadenas JavaScript

Las cadenas de JavaScript son un tipo de variable que se utiliza para almacenar y manipular una secuencia de caracteres. También hay cadenas primitivas que representan solo los caracteres y no contienen métodos de manipulación, pero JavaScript convertirá implícitamente entre los dos cuando sea necesario.

El método replace() para buscar y reemplazar texto

Los objetos String de Javascript contienen replace() porque, lo adivinaste, buscando texto y reemplazándolo.

reemplazar() Sintaxis del método

La sintaxis para reemplazar() método es el siguiente:

STRING.replace(SEARCH, NEWSTRING)

Tenga en cuenta que:

  • CADENA es cualquier variable o valor de tipo cadena
  • BUSCAR es la cadena a buscar o la expresión regular del texto que desea encontrar
    • Solo se reemplazará la primera coincidencia encontrada si se busca una cadena o se usan expresiones regulares
  • NEWSTRING es el texto que reemplazará cualquier texto encontrado por BUSCAR
  • reemplazar() no modificar el STRING original – se devuelve un nuevo valor

Ejemplos del método replace() de JavaScript

Debajo se define una cadena, y luego se realiza e imprime un reemplazo:

var myString = "the quick brown fox";
console.log(myString.replace("fox", "frog")); // "the quick brown frog"

Tenga en cuenta que el valor original de myString no se ha cambiado – acaba de imprimirse el resultado de la sustitución. Para conservar la cadena actualizada, debe asignarse a una nueva variable:

var myString = "the quick brown fox";
var updatedString = myString.replace("fox", "frog");

Las expresiones regulares se pueden incluir en la búsqueda. A continuación, se ignoran las mayúsculas y minúsculas cuando se busca con i expresión:

var myString = "the quick brown fox";
console.log(myString.replace(/FOX/i, "frog"));


No