You are here:   HomeJava ScriptJavascript StringJavaScript SubString
by Dinesh Thakur Category: Javascript String

JavaScript replace() Method: To replace information in a string, you can use regular expressions and the JavaScript replace() Method of the String object. The syntax for using the JavaScript replace() Method is as follows:

 

varname= stringname.replace(regex,newstring);

 

Consider a variable named myVariable containing the string “Today is Sunday”. You could search and replace “Sunday” with “Monday” with the following example with JavaScript replace() Method:

 

myVariable.replace(“Sunday”,”Monday”);


When you use the JavaScript replace() Method it returns a new string containing the results of performing the replacement. The original string is not altered. For instance, consider assigning the results of the replacement above to a new variable:

 

var newVar = myVariable.replace(“Sunday”,”Monday”);

 

In this case, myVariable will continue to contain “Today is Sunday” but newVar will contain “Today is Monday”. The following task creates a variable and assigns text to it, replaces that text with new text, and then displays the results in a browser:

 

1. Open a new HTML document in your preferred HTML or text editor.

2. Create the body of the document with opening and closing body tags:

<body>

</body>

3. Insert a script block in the body of the document:

<script language=”JavaScript”>

<!--

// -->

</script>

4. Create a variable named FirstVariable and assign the value “Hello there” to it:

var FirstVariable = “Hello there”;

5. Create a second variable named SecondVariable and assign the results of replacing “there” with “Ecomputernotes” to it:

var SecondVariable = FirstVariable.replace(“there”,”Ecomputernotes”);

6. Display the results of the JavaScript replace() Method the final page looks like

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>JavaScript replace() Method </title>

</head>

<body>

<h1 style="color: blue"> JavaScript replace() Method</h1>

<hr />

<script type="text/javascript">

var FirstVariable = "Hello there";

var SecondVariable = FirstVariable.replace("there","Ecomputernotes");

document.write(SecondVariable);

</script>

</body>

</html>

 

Save the file and close it.

8. Open the file in a browser. You should see the text “Hello Ecomputernotes” displayed in the browser as in Figure

JavaScript replace() Method





About Dinesh Thakur

Dinesh ThakurDinesh Thakur holds an B.SC (Computer Science), MCSE, MCDBA, CCNA, CCNP, A+, SCJP certifications. Dinesh authors the hugely popular Computer Notes blog. Where he writes how-to guides around Computer fundamental , computer software, Computer programming, and web apps. For any type of query or something that you think is missing, please feel free to contact us.



What's New and Popular





Search Content







Advance Courses



Basic Courses



Advertise with Us