How to remove text from a string in JavaScript ?

In this article, we will remove text from a string in JavaScript. There are three methods to remove the text from a string which are listed below: 

Methods to Remove Text from a String

• Using replace() method
• Using replace() method with Regex
• Using substr() method
• Using replaceAll() method

Method 1: Using replace() method

The replace() method is used to replace the specified string with another string. It takes two parameters, the first is the string to be replaced and the second is the string that is replaced from the first string. The second string can be given an empty string so that the text to be replaced is removed. This method however only removes the first occurrence of the string. 

Syntax:

string.replace('textToReplace', '');

Example: This example replaces the first occurrence of the string. 

Javascript

// Function to remove text
function removeText() {
    // Input string
    let originalText = 'GeeksForGeeks';
    // Replace method to remove given text
    let newText = originalText.replace('Geeks', '');

    // Display output
    console.log(newText);
}

// Function call
removeText();

Output

ForGeeks

Method 2: Using replace() method with Regex

This method is used to remove all occurrences of the string specified, unlike the previous method. A regular expression is used instead of the string along with the global property. This will select every occurrence in the string and it can be removed by using an empty string in the second parameter. 

Syntax:

string.replace(/regExp/g, '');

Example: This example uses the above approach to replace text from a string in JavaScript.

Javascript

function removeText() {

    // Input string
    let originalText = 'GeeksForGeeks';

    // Replace method with regEx
    let newText = originalText.replace(/Geeks/g, '');

    // Display output
    console.log(newText);
}

// Function call
removeText();

Output

For

Method 3: Using substr() method

The substr() method is used to extract parts of a string between the given parameters. This method takes two parameters, one is the starting index and the other is the length of the string to be selected from that index. By specifying the required length of the string needed, the other portion can be discarded. This can be used to remove prefixes or suffixes in a string. 

Syntax:

string.substr(start, length);

Example: This example uses the above approach to replace text from a string in JavaScript.

Javascript

// Function to remove text
function removeText() {
    // Input string
    let originalText = 'GeeksForGeeks';

    // Using substr with index range to remove text
    let newText = originalText.substr(3, 9);

    // Display text
    console.log(newText);
}

// Function call
removeText();

Output

ksForGeek

Method 4: Using replaceAll() method

Example: In this article, we will use the JavaScript replaceAll() methods to remove all the occurrences of given text from the input string.

Javascript

// Function to remove text
function removeText() {
    // Input string
    let originalText = 'GeeksForGeeks';

    // Implementing replaceAll with text to be removed
    let newText = originalText.replaceAll('Geeks', '');

    // Display output
    console.log(newText);
}

// Function call
removeText();

Output

For