How to Remove Characters from a String in JavaScript

Manipulating strings to remove specific characters is a common task in JavaScript development. By learning a few straightforward techniques below you’ll be able to do this in no time.

How to usereplace() in JavaScript?

To quickly remove a character from a string, the replace() method comes in handy. It targets the first occurrence of the character by default.

let str = "Hello World";
let newStr = str.replace("l", "");
console.log(newStr); // Heo World

For removing every instance of a character, employ a global regular expression:

let str = "Hello World";
let newStr = str.replace(/l/g, "");
console.log(newStr); // Heo Word

How to combine split() and join() in JavaScript?

The split() method breaks the string into an array of substrings, which you can then reassemble without the unwanted character using join().

let str = "Hello World";
let newStr = str.split("l").join("");
console.log(newStr); // Heo Word

Iterate with a loop

When you need precise control over which characters to remove, iterating through the string with a loop gives you the flexibility to apply custom logic.

let str = "Hello World";
let newStr = "";

for (let i = 0; i < str.length; i++) {
    if (str[i] !== "l") {
        newStr += str[i];
    }
}

console.log(newStr); // Heo Word

These techniques empower you to handle string manipulation tasks with confidence, ensuring your JavaScript code remains clean and efficient.