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