How to Replace all Occurrences of a Substring in String in JavaScript?

JavaScript Replace all Occurrences of a Substring in String

To replace all occurrences of a substring in a string with a new value in JavaScript, call replaceAll() method on this string, and pass the search string and replacement string as arguments.

Syntax

The syntax to replace all occurrences of a substring searchValue with a new value replaceValue in this string str is

str.replaceAll(searchValue, replaceValue)

replaceAll() method returns a new string with the replacements done, and keeps the original string str unchanged.

Examples

In the following example, we take three strings: str, searchValue, and replaceValue. We will use replaceAll() method to replace all the occurrence of searchValue with replaceValue in str.

index.html

<!DOCTYPE html>
<html lang="en">
<body>
    <pre id="output"></pre>
    <script>
        var str = 'apple banana apple orange';
        var searchFor = 'apple';
        var replaceWith = 'mango';
        var result = str.replaceAll(searchFor, replaceWith);

        var output = '';
        output += 'Input String : ' + str;
        output += '\nOutput String: ' + result;
        document.getElementById('output').innerHTML = output;
    </script>
</body>
</html>

Conclusion

In this JavaScript Tutorial, we learned how to replace all the occurrences of a substring with a new value in this string in JavaScript, using replaceAll() method, with examples.