Tutorial Gateway

JavaScript REPLACE

by

Replace()

The JavaScript Replace function is one of the JavaScript String Function which is used to search for specified string and replace the searched string with newly specified string. In this article we will show you, How to write Replace() Function in JavaScript Programming Language with example.

JavaScript Replace Syntax

The basic syntax of the Replace function in JavaScript Programming Language is as shown below:

String_Object.replace(String you want to change, Replacing_String)
  • String_Object: Please specify the valid string to perform search. Replace function will replace portion of a string present in this String_Object.
  • String you want to change: Please specify the valid string or Regular expression you want to change. Whatever you place here, REPLACE Function will be replace it by new string
  • Replacing_String: Please specify the valid new string you want to insert into String_Object.

JavaScript Replace Example

The following set of examples will help you understand the Replace function in JavaScript Programming Language.

JAVASCRIPT CODE

<!DOCTYPE html>
<html>
<head>
    <title> Replace in JavaScript </title>
</head>
<body>
    <h1> JavaScript Replace()</h1>
<script>
    var Str1 = "We are ABC working at abc company";
    var Str2 = "We are abc working at abc company";
    var Str3 = Str2.replace("abc","JavaScript");
    var Str4 = Str2.replace(/abc/g,"JavaScript");
    var Str5 = Str1.replace("abc","JavaScript");
    var Str6 = Str1.replace(/abc/gi,"JavaScript");
 
    document.write(Str3 + "<br \>");
    document.write(Str4 + "<br \>");
    document.write(Str5 + "<br \>");
    document.write(Str6 + "<br \>");
</script>
</body>
</html>

OUTPUT

JavaScript REPLACE Function

ANALYSIS

Within the Script tag, First we declared two String variables Str1, Str2 and assigned corresponding values using following statement

 var Str1 = "We are ABC working at abc company";
 var Str2 = "We are abc working at abc company";

Following statement will find the sub string ‘abc’ and replace it with sub string ‘JavaScript’ . If you observe the above screenshot, Although ‘abc’ sub string is repeated twice in Str2 variable, Replace() function is replacing the first occurrence

var Str3 = Str2.replace("abc","JavaScript");

In the next line we used the regular expression to search for sub string ‘abc’ globally so, Replace() function will replace each and every occurrence of ‘abc’ with ‘JavaScript’

var Str4 = Str2.replace(/abc/g,"JavaScript");

In order to perform case-insensitive search, following statement is using regular expression gi

var Str6 = Str1.replace(/abc/gi,"JavaScript");

Thank You for Visiting Our Blog