How to remove all Non-ASCII characters from the string using JavaScript ?
Last Updated :
16 May, 2024
Improve
In this article, we are given a string containing some non-ASCII characters and the task is to remove all non-ASCII characters from the given string.
Approaches to remove all Non-ASCII Characters from String:
Table of Content
Approach 1: Using ASCII values in JavaScript regEx
- This approach uses a Regular Expression to remove the non-ASCII characters from the string.
- Only characters that have values from zero to 127 are valid. (0x7F is 127 in hex).
- Use the .replace() method to replace the non-ASCII characters with the empty string.
Example: This example implements the above approach.
// Input String
let str = "Hidd©©©en??Ascii ©©®®®Charac££ter";
// Display input string
console.log(str);
// Function to remove ASCII characters
// and display the output
function gfg_Run() {
// Using RegEx and replace method
// with Ascii values
str = str.replace(/[^\x00-\x7F]/g, "");
// Display output
console.log(str);
}
// Funcion call
gfg_Run();
Output
Hidd©©©en??Ascii ©©®®®Charac££ter Hidden??Ascii Character
Approach 2: Using Unicode in JavaScript regEx
- This approach uses a Regular Expression to remove the Non-ASCII characters from the string like in the previous example.
- It specifies the Unicode for the characters to remove. The range of characters between (0080 - FFFF) is removed.
- Use .replace() method to replace the Non-ASCII characters with the empty string.
Example: This example implements the above approach.
// Input String
let str = "Hidd©©©en??Ascii ©©®®®Charac££ter";
// Display input string
console.log(str);
// Function to remove ASCII characters
// and display the output
function gfg_Run() {
// Using RegEx and replace method with Unicodes
str = str.replace(/[\u{0080}-\u{FFFF}]/gu, "");
// Display output
console.log(str);
}
// Funcion call
gfg_Run();
Output
Hidd©©©en??Ascii ©©®®®Charac££ter Hidden??Ascii Character
Approach 3: Using ASCII values with the Array filter method
This approach uses the Array filter along with the JavaScript split method to filter out the ASCII-valid characters from the input string.
Example: This example demonstrates the above approach.
// Input String
let str = "Hidd©©©en??Ascii ©©®®®Charac££ter";
// Display input string
console.log(str);
// Funciot to remove ASCII characters
// and display the output
function gfg_Run() {
// Using array.filter with ASCII values
str = str
.split("")
.filter(function (char) {
return char.charCodeAt(0) <= 127;
})
.join("");
// Display output
console.log(str);
}
// Funcion call
gfg_Run();
Output
Hidd©©©en??Ascii ©©®®®Charac££ter Hidden??Ascii Character
Approach 4: Using ES6 methods with a custom function
This approach utilizes the String.prototype.replace() method with a custom function that removes non-ASCII characters from the string.
// Input String
let str = "Hidd©©©en??Ascii ©©®®®Charac££ter";
// Display input string
console.log(str);
// Function to remove non-ASCII characters
function removeNonASCII(input) {
return input.replace(/[^\x00-\x7F]/g, "");
}
// Function to remove non-ASCII characters
// and display the output
function gfg_Run() {
// Using custom function with replace method
str = removeNonASCII(str);
// Display output
console.log(str);
}
// Function call
gfg_Run();
Output
Hidd©©©en??Ascii ©©®®®Charac££ter Hidden??Ascii Character
