Dada una string, la tarea es reemplazar todas las letras minúsculas de una string con los demás caracteres. El método que se utiliza para reemplazar el carácter se describe a continuación:
- Método replace(): este método busca en una string un valor definido, o una expresión regular, y devuelve una nueva string con el valor definido reemplazado.
Sintaxis:
string.replace(searchVal, newvalue)
Parámetros:
- searchVal: Es un parámetro requerido. Especifica el valor, o expresión regular, que se va a reemplazar por el nuevo valor.
- newvalue: Es un parámetro requerido. Especifica el valor a ser reemplazado por el valor de búsqueda.
Valor devuelto: Devuelve una nueva string donde el valor definido ha sido reemplazado por el nuevo valor.
Ejemplo 1: este ejemplo reemplaza las letras minúsculas con . (punto) usando el método replace() .
<!DOCTYPE HTML>
<html>
<head>
<title>
Replace lowercase letters with an other characters
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 16px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = "THISiISgGEEKSFORGEEKS!";
el_up.innerHTML = str;
function gfg_Run() {
el_down.innerHTML = str.replace(/[a-z]/g, ".");
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo reemplaza las letras minúsculas con (‘ ‘)(espacio) yendo a cada carácter y verificando si está en minúsculas, si es que se reemplaza.
<!DOCTYPE HTML>
<html>
<head>
<title>
Replace lowercase letters with an other character
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id = "GFG_UP" style = "font-size: 16px; font-weight: bold;">
</p>
<button onclick = "gfg_Run()">
Click here
</button>
<p id = "GFG_DOWN" style =
"color:green; font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var str = "THISiISgGEEKSFORGEEKS!";
el_up.innerHTML = str;
function gfg_Run() {
var newStr = "";
for(var i=0; i<str.length; i++) {
if (str.charCodeAt(i) >= 97 &&
str.charCodeAt(i) <= 122) {
newStr += ' ';
}
else {
newStr += str[i];
}
}
el_down.innerHTML = newStr;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA