JavaScript replace() Method

Definition and Usage

The replace() method is used to replace some characters with some other characters in a string.
This method supports regular expressions. You can learn about the RegExp object in our JavaScript tutorial.

Syntax

stringObject.replace(findstring,newstring)

Parameter	Description
findstring	Required. Specifies a string value to find. To perform a global search add a 'g' flag to this parameter and to perform a case-insensitive search add an 'i' flag
newstring	Required. Specifies the string to replace the found value from findstring

---

Tips and Notes

Note: The replace() method is case sensitive.

---

Example 1 - Standard Replace

In the following example we will replace the word Microsoft with 1000sourcecodes:

<script type="text/javascript"> var str="Visit Microsoft!"; document.write(str.replace(/Microsoft/, "1000sourcecodes")); </script>

The output of the code above will be:

Visit 1000sourcecodes!

Note: In the following example the word Microsoft will not be replaced (because the replace() method is case sensitive):

<script type="text/javascript"> var str="Visit Microsoft!"; document.write (str.replace(/microsoft/,"1000sourcecodes")); </script>

The output of the code above will be:

Visit Microsoft!

---

Example 2 - Case-insensitive Search

In the following example we will perform a case-insensitive search, and the word Microsoft will be replaced:

<<script type="text/javascript"> var str="Visit Microsoft!"; document.write (str.replace(/microsoft/i, "1000sourcecodes")); </script>

The output of the code above will be:

Visit 1000sourcecodes!

---

Example 3 - Global Search

In the following example we will perform a global match, and the word Microsoft will be replaced each time it is found:

<script type="text/javascript"> var str="Welcome to Microsoft! "; str=str + "We are proud to announce that Microsoft has "; str=str + "one of the largest Web Developers sites in the world."; document.write(str.replace (/Microsoft/g, "1000sourcecodes")); </script>

The output of the code above will be:

Welcome to 1000sourcecodes! We are proud to announce that 1000sourcecodes has one of the largest Web Developers sites in the world.

---

Example 4 - Global and Case-insensitive Search

In the following example we will perform a global and case-insensitive match, and the word Microsoft will be replaced each time it is found, independent of upper and lower case characters:

<script type="text/javascript"> var str="Welcome to Microsoft! "; str=str + "We are proud to announce that Microsoft has "; str=str + "one of the largest Web Developers sites in the world."; document.write(str.replace (/microsoft/gi, "1000sourcecodes")); </script>

The output of the code above will be:

Welcome to 1000sourcecodes! We are proud to announce that 1000sourcecodes has one of the largest Web Developers sites in the world.