Tutorial Gateway

JavaScript Replace String

by

The JavaScript Replace function is a String Function used to search for a specified string and replace the searched string with the newly specified string. The syntax of the string Replace in JavaScript Programming is

String_Object.replace(String you want to change, Replacing_String)
  • String_Object: Valid string to perform a search. Replace function will replace a portion of a string present in this String_Object.
  • String you want to change: Specify a valid string or Regular expression you want to change. Whatever you place here, Javascript string replace Function will replace it with a new string
  • Replacing_String: New string you want to insert into the String_Object.

JavaScript Replace String Example

The following set of examples will help you understand the String Replace function.

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

The following statement finds substring ‘abc’ and substitute it with substring ‘JavaScript’ . If you observe the above screenshot, Although ‘abc’ substring is repeated twice in Str2, the Replace function is replacing the first occurrence

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

In the next line, we used a regular expression to search for the substring ‘abc’ globally. So, string Replace() function replace every occurrence of the word ‘abc’ with ‘JavaScript’

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

The following statement is using regular expression gi to perform the case-insensitive search

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