JavaScript replace() Method

Complete String Object Reference

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)

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 W3Schools:

<script type="text/javascript">

var str="Visit Microsoft!";
document.write(str.replace(/Microsoft/, "W3Schools"));

</script>

The output of the code above will be:

Visit W3Schools!

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/, "W3Schools"));

</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, "W3Schools"));

</script>

The output of the code above will be:

Visit W3Schools!

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, "W3Schools"));

</script>

The output of the code above will be:

Welcome to W3Schools! We are proud to announce that W3Schools
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, "W3Schools"));

</script>

The output of the code above will be:

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

Try-It-Yourself Demos

replace()
How to use replace() to replace some characters in a string.

replace() Case-insensitive search
How to use replace() with the 'i' flag to replace some characters in a string.

replace() Global search
How to use replace() with the 'g' flag to replace some characters in a string.

Complete String Object Reference

Ektron CMS400.NET Version 7.6 delivers all of the flexibility and features you need to deploy the Web site you want, quickly and efficiently. learn more...       6 ways to take your site to the next level with Ektron: Create site stickiness through social networking. Keep it personal, relevant and interactive and they'll come back for more. Keep it open. Your site needs to be ready and able to connect to outside services. Ektron's open API gives you maximum flexibility. Streamline content and document management. Users need to quickly and intuitively find and add information. Empower your content authors. Reduce IT bottlenecks by allowing business users to create and edit Web content and forms. Climb to the top of search rankings. SEO tools, URL aliasing and eCommerce for your digital marketing strategy Add powerful Web 2.0 tools like blogs, wikis, forums, geo-mapping, rating systems and RSS feeds easily. See why there are 20,000+ Ektron integrations worldwide. Request an INSTANT DEMO or download a FREE TRIAL today.