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.

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

Want To Be A Web Master?

If you want to be a Web Master, you will have to host your web site with an ISP (Internet Service Provider).

MaximumASP offers seven different configurations of dedicated servers to meet your Windows and .NET hosting needs. Hosted on our multi-tiered Enterprise Class network, these servers provide the performance, security and reliability you need to host your high end web sites and applications.

Visit MaximumASP

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2008 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999