JavaScript | Eliminar todos los caracteres no numéricos de la string

Para eliminar todos los caracteres no numéricos de una string, se utiliza la función replace() .
Función replace(): esta función busca una string para un valor específico, o RegExp, y devuelve una nueva string donde se realiza el reemplazo.
 

Sintaxis:  

string.replace( searchVal, newValue )

Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:  

  • 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.

Ejemplo 1: este ejemplo elimina todos los caracteres no numéricos de la string ‘1Gee2ksFor345Geeks6’ con la ayuda de RegExp .

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            JavaScript | Strip all non-numeric
            characters from string
        </title>
    </head>
         
    <body style = "text-align:center;">
     
        <h1 style = "color:green;" >
            GeeksForGeeks
        </h1>
         
        <p id = "GFG_UP" style = "color:green; font-size: 20px;"></p>
 
         
        <button id="GFG_Button" onclick = "stripValues()">
            ClickHere
        </button>
         
        <p id = "GFG_P" style = "color:green; font-size: 20px;"></p>
 
         
        <script>
            var up = document.getElementById("GFG_UP");
            var down = document.getElementById("GFG_P");
            var str = "1Gee2ksFor345Geeks6";
            up.innerHTML = str;
             
            function stripValues() {
                down.innerHTML = str.replace(/\D/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 elimina todos los caracteres no numéricos de la string ‘1Gee2ksFor345.Gee67ks89’ con la ayuda de RegExp . Este ejemplo conserva los números flotantes. 

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            JavaScript | Strip all non-numeric
            characters from string
        </title>
    </head>
         
    <body style = "text-align:center;">
     
        <h1 style = "color:green;" >
            GeeksForGeeks
        </h1>
        <p id = "GFG_UP" style = "color:green; font-size: 20px;"></p>
 
         
        <button id="GFG_Button" onclick = "stripValues()">
            ClickHere
        </button>
         
        <p id = "GFG_P" style = "color:green; font-size: 20px;"></p>
 
         
        <script>
            var up = document.getElementById("GFG_UP");
            var down = document.getElementById("GFG_P");
            var str = "1Gee2ksFor345.Gee67ks89";
            up.innerHTML = str;
             
            function stripValues() {
                down.innerHTML = str.replace(/[^\d.-]/g, '');
            }
        </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 PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *