How To Replace All Occurrences Of String In Javascript

WebSolutionStuff | Nov-07-2022 | Categories : jQuery

In this article, we will see how to replace all occurrences of a string in javascript. You can use the javascript replace() and replaceAll() methods to replace all occurrences of a string. So, we will learn how to replace all occurrences with regular expressions.

So, let's see javascript replace all occurrences, jquery replace all occurrences of a string and regex replace all occurrences.

The replace() method searches a string for a value and it returns a new string with the value replaced. Also, The replace() method is not changed the original string.

Syntax:

string.replace(search value, new value)

 

The replaceAll() method returns a string by replacing all the occurrences of the string.

Syntax:

string.replaceAll(search value, replacement value)

 

Example:

<!DOCTYPE html>
<html lang="en">
<body>
    <h4>Original String</h4>
    <p>PHP is an easy programming language.</p>
    <h4>String After Replacement</h4>
    
    <script>
        var myStr = 'PHP is an easy programming language.';
        var newStr = myStr.replace('PHP','Laravel');
        
        // Printing the modified string
        document.write('<p>' + newStr + '</p>');
      
    </script>
</body>
</html>

Output:

Original String

PHP is an easy programming language.

String After Replacement

Laravel is an easy programming language.

 

 

Example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Replace All Occurrences a String</title>
</head>
<body>
    <h4>Original String</h4>
    <p>This is multiple occurrences example. multiple occurrences string example.</p>
    <h4>String After Replacement</h4>
    
    <script>
        var myStr = 'This is multiple occurrences example. multiple occurrences string example.';
        var newStr = myStr.replace(/multiple/g, "two");
        
        // Printing the modified string
        document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Output:

Original String

This is multiple occurrences example. multiple occurrences string example.

String After Replacement

This is two occurrences example. two occurrences string example.

 

Example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Replace All Words String Example</title>
</head>
<body>
    <h4>Original String</h4>
    <p>This is replaceAll string example. replaceAll string example.</p>
    <h4>String After Replacement</h4>
    
    <script>    
         
    var myStr = 'This is replaceAll string example. replaceAll string example.';
    var newStr = replaceAll(myStr, 'replaceAll', 'multiple')
        
    document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Output:

Original String

This is replaceAll string example. replaceAll string example.

String After Replacement

This is multiple string example. multiple string example.

 

 

Example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Regular Expression to Replace All Words</title>
</head>
<body>
    <h4>Original String</h4>
    <p>abc xyz abc</p>
    <h4>String After Replacement</h4>
    
    <script>
    
    function escapeRegExp(string){
        return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
    }
        
    function replaceAll(str, term, replacement) {
      return str.replace(new RegExp(escapeRegExp(term), 'g'), replacement);
    }
        
    var myStr = 'abc xyz abc';
    var newStr = replaceAll(myStr, 'abc', 'xyz')
        
    document.write('<p>' + newStr + '</p>');
    </script>
</body>
</html>

Output:

Original String
abc xyz abc

String After Replacement
xyz xyz xyz

 


You might also like:



Recommended Post


Featured Post







Follow us
facebooklogo github instagram twitter

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock or some other adblocking software which is preventing the page from fully loading.

We need money to operate the site, and almost all of it comes from our online advertising.

Please add websolutionstuff to your ad blocking whitelist or disable your adblocking software.

×