¿Cómo eliminar todos los caracteres que no son ASCII de la string usando JavaScript?

Dada una string que contiene algunos caracteres no ASCII y la tarea es eliminar todos los caracteres no ASCII de la string dada. Hay dos métodos para resolver este problema que se discuten a continuación:

Enfoque 1:

Este enfoque utiliza una expresión regular para eliminar los caracteres que no son ASCII de la string.
Solo los caracteres que tienen un valor de cero a 127 son válidos. (0x7F es 127 en hexadecimal).
Use el método .replace() para reemplazar los caracteres que no son ASCII con la string vacía.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to remove all Non-ASCII characters
        from the string using JavaScript ?
    </title>
</head> 
  
<body style = "text-align:center;"> 
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1>
      
    <p id = "GFG_UP" style =
        "font-size: 15px; 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="Hidd©©©en??Ascii ©©®®®Charac££ter";
          
        el_up.innerHTML = "Click on the button to remove"
                + " the all Non-ASCII characters from the"
                + " given string.<br>Str = '" + str + "'";
          
        function gfg_Run() {
            str = str.replace(/[^\x00-\x7F]/g, "");
            el_down.innerHTML = str;
        } 
    </script> 
</body> 
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Enfoque 2:

Este enfoque utiliza una expresión regular para eliminar los caracteres que no son ASCII de la string como en el ejemplo anterior.
Especifica el Unicode de los caracteres que se van a eliminar. Se elimina el rango de caracteres entre (0080 – FFFF).
Use el método .replace() para reemplazar los caracteres que no son ASCII con la string vacía.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE HTML> 
<html> 
  
<head> 
    <title> 
        How to remove all Non-ASCII characters
        from the string using JavaScript ?
    </title>
</head> 
  
<body style = "text-align:center;"> 
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1>
      
    <p id = "GFG_UP" style =
        "font-size: 15px; 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="Hidd©©©en??Ascii ©©®®®Charac££ter";
      
        el_up.innerHTML = "Click on the button to remove"
                + " the all Non-ASCII characters from the"
                + " given string.<br>Str = '" + str + "'";
      
        function gfg_Run() {
            str = str.replace(/[\u{0080}-\u{FFFF}]/gu, "");
            el_down.innerHTML = str;
        } 
    </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 Cancelar la respuesta