Para que sirve la función replace de JavaScript

javascript replace

La función replace de JavaScript o JavaScript Replace nos sirve para remplazar caracteres dentro de una cadena de texto.

Principales características del método o función JavaScript replace:

El método replace() busca una cadena o un valor especificado y devuelve una cadena con los valores especificados reemplazados.
Puedes utilizar el modificador global (g) para reemplazar todas las ocurrencias de valores.
La cadena original no se cambia utilizando este método.

Otros artículos que te ayudaran aprender JavaScript

var string = "Hola bienvenido a estradawebgroup.com";
var result = string.replace("estradawebgroup.com ", "Estrada Web Group");

Resultado

Hola bienvenido Estrada Web Group

Sintaxis del método JavaScript replace()

string.replace(ValoraRemplazar, NuevoValor);

Parámetros

ValoraRemplazar. La expresión regular o valor, que será reemplazado (requerido)
NuevoValor. Valor que reemplazara al valor de búsqueda (requerido)

Ejemplos

En este ejemplo, se muestra un reemplazo global:

<!DOCTYPE html>
<html>
<body>
<button onclick="LearnFunction()">Click to change text</button>
<p id="learn">Ms White has a white bed and a white table.</p>
<script>
function LearnFunction() {

 var string = document.getElementById("learn").innerHTML;

 var result = string.replace(/white/g, "black");

 document.getElementById("learn").innerHTML = result;

}
</script>
</body>
</html>

Resultado:

Ms White has a black bed and a black table.

En este ejemplo, completamos un reemplazo global sin importar mayúsculas y minúsculas:

<!DOCTYPE html>
<html>
<body>
<button onclick="LearnFunction()">Click to change text</button>
<p id="learn">Ms White has a white bed and a white table.</p>
<script>

function LearnFunction() {

 var string = document.getElementById("learn").innerHTML;

 var result = string.replace(/white/gi, "black");

 document.getElementById("learn").innerHTML = result;

}

</script>
</body>
</html>

Resultado

Ms black has a black bed and a black table.

En este ejemplo, utilizamos una función para devolver el texto reemplazado:

<!DOCTYPE html>
<html>
<body>
<button onclick="LearnFunction()">Click to change text</button>
<p id="learn">Ms White has a white bed and a white table.</p>
<script>

function LearnFunction() {

 var string = document.getElementById("learn").innerHTML;

 var result = string.replace(/white|bed|table/gi, function myFunction(z){return z.toUpperCase();});

 document.getElementById("learn").innerHTML = result;

}

</script>
</body>
</html>

Resultado:

Ms BLACK has a BLACK bed and a BLACK table.

Espero que todos estos ejemplos te sean de utilidad y que me regales tus comentarios en la parte de abajo. Te agradecer que compartas el artículo en tus rede sociales.