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

¿Cómo crear un scroll infinito con JavaScript y C#?

¿Cómo crear un scroll infinito con JavaScript y C#?

El scroll infinito es cuando un usuario visualiza una página y llega al final de esta (hasta debajo de la página), ésta realiza automáticamente una petición AJAX al servidor

Ver artículo completo
Var, Let y Const en JavaScript: ¿cuál es la diferencia?

Var, Let y Const en JavaScript: ¿cuál es la diferencia?

En este artículo, analizare y tratare de explicar las diferencias entre var, let y const de JavaScript, además analizare su alcance, uso y sus mejoras. Una de las características que viene con ES6 es la adición de let y const, que se puede usar para la declaración de variables.

Ver artículo completo

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 ;