JavaScript String replaceAll() Method

The replaceAll() method in JavaScript is used to replace all occurrences of a specified substring or pattern with a new substring.

The replaceAll() method does not change the original string.

Syntax:

const newString = originalString.replaceAll(regexp | substr , newSubstr | function)

Parameters:

This method accepts certain parameters defined below: 

• regexp: It is the regular expression whose matches are replaced with the newSubstr or the value returned by the specified function.
• substr: It defines the substrings which are to be replaced with newSubstr or the value returned by the specified function.
• newSubstr: It is the substring that replaces all the matches of the string specified by the substr or the regular expression.
• function: It is the function that is invoked to replace the matches with the regexp or substr.

Return Value:

Returns a String where the search value has been replaced.

JavaScript String replaceAll() Method Examples

Example 1: String Replace All Occurrences

The function gfg() takes a string “Geeks or Geeks”, replaces all occurrences of “or” with “for”, and logs the modified string “Geeks for Geeks” to the console.

JavaScript

function gfg() {
    let string = "Geeks or Geeks";
    newString = string.replaceAll("or", "for");
    console.log(newString);
}
gfg();

Output

Geeks for Geeks

Example 2: Replace All Occurrences of “coffee” with “tea”

The function GFG() defines a regular expression /coffee/ig to match all occurrences of “coffee” case-insensitively in the string “Lets, have coffee today!”. It then replaces all occurrences with “tea” and logs the modified string “Lets, have tea today!” to the console.

JavaScript

function GFG() {
    const regexp = /coffee/ig;
    let string = "Lets, have coffee today!";
    newString = string.replaceAll(regexp, "tea");
    console.log(newString);
}
GFG();

Output

Lets, have tea today!

We have a complete list of Javascript string methods, to check those please go through the Javascript String Complete Reference article.

Supported Browser:

• Google Chrome 85 and above
• Microsoft Edge 85 and above
• Mozilla Firefox 77 and above
• Opera 71 and above
• Safari 13.1 and above