<\/span><\/h2>\n\n\n\nEvery JavaScript string (literal or variable) supports replaceAll() method that allows you to replace all occurrences of substring in JavaScript. Here is its syntax.<\/p>\n\n\n\n
string.replaceAll(new_substring, old_substring)<\/pre>\n\n\n\nIn the above function, we need to provide two arguments – the substring or pattern to be replaced and the new substring to take its place. ReplaceAll() will return a new string with replacement. It will not modify the original string. Here is an example to illustrate this.<\/p>\n\n\n\n
var a= 'good morning, good night';
console.log(a.replaceAll('good','hello')); \/\/ output is 'hello morning, hello night'
console.log(a); \/\/ output is 'good morning, good night'<\/pre>\n\n\n\nIf you specify a string for replacement, then replaceAll() will only replace the exact match of that substring. If you specify a regular expression instead of a string, then it will replace all variations of that regular expression in the original string. This is useful for complex matches. But you need to enclose the regular expression within \/…\/g<\/p>\n\n\n\n
var a= 'good morning, good night';
console.log(a.replaceAll(\/good\/g,'hello'));
console.log(a); <\/pre>\n\n\n\nIf you do not mention the regular expression within \/…\/g then you will get the following error.<\/p>\n\n\n\n
TypeError: String.prototype.replaceAll called with a non-global RegExp argument<\/pre>\n\n\n\nBy default, replaceAll() function does a case-sensitive replacement. If you want to do a case-insensitive replacement, then use \/…\/gi. The g flag specifies that it is a regular expression, and i flag stands for case insensitive replacement.<\/p>\n\n\n\n
var a= 'good morning, Good night';
console.log(a.replaceAll(\/good\/gi,'hello')); \/\/ output is hello morning, Good night<\/pre>\n\n\n\nPlease note, if you are using older web browsers then it may not support replaceAll() function. In such cases, you can use either of the following methods.<\/p>\n\n\n\n