Para que sirve la función replace de JavaScript

Estrada Web Group
Administrador
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.

Compartir artículo:

Más artículos geniales

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla ;