Para que sirve la función replace de JavaScript

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.

Artículos relacionados
0 Comentarios
Enviame un comentario