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.C.A, MCSE, MCDBA, CCNA, CCNP, A+, SCJP certifications. Dinesh authors the hugely popular 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.