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
Sistema de Inventarios con ASPNET MVC Parte 8 utilizando bootstrap modal
Sistema de Inventarios con ASPNET MVC Parte 8 utilizando bootstrap modal

Continuando con el sistema de inventarios que

¿Cómo calcular la distancia entre dos puntos en Google Maps con JavaScript?
¿Cómo calcular la distancia entre dos puntos en Google Maps con JavaScript?

Para medir la distancia entre dos puntos se ut

Cómo exporte datos de tablas HTML a Excel, CSV, PNG y PDF con jQuery
Cómo exporte datos de tablas HTML a Excel, CSV, PNG y PDF con jQuery

Exportar datos a Excel, pdf, entre otros forma

0 Comentarios
Enviame un comentario