JavaScript replace() Method: String Object


The replace() method is used to find a match between a regular expression and a string and replaces the matched substring (within the main string) with a given string.


Implemented in JavaScript 1.2


replace(regExp, newStr)


regExp: Name of the regular expression.

newStr: The string replaces the matched substring in the main string found with regexp.


The following web document demonstrates how the replace() method can be used.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>JavaScript String object - replace() method example</title>
<h1 style="color: red">JavaScript String object : replace() method</h1>
<hr />
<script type="text/javascript">
//This is done to make the following JavaScript code compatible to XHTML. <![CDATA[
regex = /brown/gi;
str1 = "The Quick Brown Fox Jumps Over The Lazy Dog";
document.write("Original string : "+str1+"<br />");
document.write("Searched string : brown"+"<br />");
document.write("New string : white "+"<br />");
newstr=str1.replace(regex, "white");

View the example in the browser

Supported Browser

Internet Explorer 7 Firefox 3.6 Google Chrome 7 Safari 5.0.1 Opera 10
Yes Yes Yes Yes Yes

See also:

JavaScript Core objects, methods, properties.

Previous: JavaScript match() Method: String Object
Next: JavaScript search() Method: String Object

Test your Programming skills with w3resource's quiz.

Follow us on Facebook and Twitter for latest update.