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 obtener la latitud y longitud en google maps a partir de una dirección?

¿Cómo obtener la latitud y longitud en google maps a partir de una dirección?

Si desea encontrar obtener la latitud y longitud de Google Maps con jquery y javascript. Entonces tienes el lugar correcto. obtener la latitud y la longitud de la dirección utilizando las API de Google Map con jquery y javascript

Ver artículo completo
Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Si ha utilizado JavaScript para su sitio web, es importante recordar que puede frustrar sus intenciones al evitar que su sitio se indexe en Google. Compartiremos algunos consejos útiles y luego explicaremos cómo solucionar errores comunes de SEO de JavaScript.

Ver artículo completo
Cómo comprobar si un valor existe en un arreglo con JavaScript?

Cómo comprobar si un valor existe en un arreglo con JavaScript?

Array.every() y Array.some() son métodos JavaScript que nos ayudan a comprobar si en un arreglo o matriz se cumple una condición específica.

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