How to remove all Non-ASCII characters from the string using JavaScript ?

Last Updated : 16 May, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

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. 

JavaScript 
// 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. 

JavaScript 
// 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.

JavaScript 
// 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.

JavaScript 
// 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



Next Article
How to remove all Non-ASCII characters from the string using JavaScript ?

P
PranchalKatiyar
Improve
Article Tags :

Similar Reads