Podemos usar el método replace () para reemplazar cualquier cadena o carácter con otro en javascript. Busca una cadena, un carácter o una expresión regular definidos y los reemplaza. Este método no cambia la cadena original pero devuelve la cadena actualizada como resultado.
Sintaxis:
string.replace(old_string, new_string)
Reemplazar cadena en JavaScript con ejemplos
En este tutorial, discutiremos algunos ejemplos de reemplazo de cadenas en Javascript.
Probemos algunos ejemplos.
Aquí está el primer ejemplo para inicializar un texto en una variable, luego reemplazarlo con otro texto:
let str = "Hello World!"
let result = str.replace("World", "Noviello")
console.log(result)
Ejecute el ejemplo anterior y vea los resultados.
¿Qué sucede si una determinada cadena se encuentra varias veces? En ese caso, la función replace()
reemplazará la primera aparición de la cadena dada:
let str = "Mr Bean has a green Apple and a Red Apple"
let result = str.replace("Apple", "Strawberries")
console.log(result)
Ejecute el código anterior y vea los resultados.
El resultado muestra claramente que la primera ocurrencia se reemplaza con una nueva cadena, pero la segunda ocurrencia no se reemplaza. Entonces, ¿cómo puedo reemplazar todas las apariciones de una cadena dada? Veamos el siguiente ejemplo.
También podemos definir la expresión regular y la función reemplazará todas las ocurrencias que coincidan con esa expresión regular.
Vea el ejemplo a continuación, donde definimos una expresión regular para reemplazar la cadena globalmente.
let str = "Mr Bean has a green Apple and a red Apple"
const regex = "/Apple/ig"
let result = str.replace("Apple", "Strawberries")
console.log(result)
Ejecute el ejemplo anterior y vea los resultados.
Básicamente, la expresión regular se usa para hacer coincidir patrones. Para reemplazar todas las apariciones de cualquier cadena, podemos usar la función replaceAll()
.
El siguiente ejemplo usa la función replaceAll()
en javascript.
let str = "Mr Bean has a green Apple and a red Apple"
let result = str.replaceAll("Apple", "Strawberries")
console.log(result)
Ejecute el código anterior y vea los resultados.
Conclusión
En este tutorial, hemos discutido algunos ejemplos para reemplazar una cadena en javascript.