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 ...

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.
Name

ADO,131,ASP,3,C++,61,CORE JAVA,1,CSS,115,HTML,297,index,5,JAVASCRIPT,210,OS,47,PHP,65,SAD,53,SERVLETS,23,SOFTWARE ENGINEERING,245,SQL,71,TCP/IP,1,XHTML,9,XML,18,
ltr
item
Best Online Tutorials | Source codes | Programming Languages: JavaScript replace() Method
JavaScript replace() Method
Best Online Tutorials | Source codes | Programming Languages
https://www.1000sourcecodes.com/2012/05/javascript-replace-method.html
https://www.1000sourcecodes.com/
https://www.1000sourcecodes.com/
https://www.1000sourcecodes.com/2012/05/javascript-replace-method.html
true
357226456970214079
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content