Tutorial Gateway

JavaScript Match

by

The JavaScript Match function is one of the JavaScript String Function which is used to search for specified string and return the array of matched substrings.

In this article we will show you, How to write Match() Function in JavaScript Programming Language with example.

JavaScript Match Syntax

The basic syntax of the Match() function in JavaScript is as shown below:

String_Object.match(RegExp)
  • String_Object: Please specify the string to perform search. JS Match() function will check for a portion of a string present in this String_Object
  • RegExp: Please specify a valid string or Regular expression you want to match.

TIP: If the specified sub string is not present in the string object, Match() function will return NULL

JavaScript Match Example

The following set of examples will help you understand the Match() function.

<!DOCTYPE html>
<html>
<head>
    <title> JavaScript Match </title>
</head>
<body>
    <h1> JavaScript Match </h1>
<script>
    var Str1 = "We are ABC working at abc company since Abc years";
    var Str2 = "We are abc working at abc company since Abc years";
    var Str3 = Str2.match("abc");
    var Str4 = Str2.match(/abc/g);
    var Str5 = Str1.match("abc");
    var Str6 = Str1.match(/abc/gi);
    var Str7 = Str1.match("JavaScript");
 
    document.write(Str3 + "<br \>");
    document.write(Str4 + "<br \>");
    document.write(Str5 + "<br \>");
    document.write(Str6 + "<br \>");
    document.write(Str7);
</script>
</body>
</html>

OUTPUT

JavaScript MATCH 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 since Abc years";
  var Str2 = "We are abc working at abc company since Abc years";

Following statement will search for ‘abc’ and return it. If you observe the above screenshot, Although ‘abc’ sub string is repeated thrice in Str2 variable, Match() function is returning the first occurrence

var Str3 = Str2.match("abc");

In the next line we used the regular expression to search for sub string ‘abc’ globally. So, JavaScript Match() function will return each and every occurrence of ‘abc’ to output

var Str4 = Str2.match(/abc/g);

From the above statement you can observe that, although term abc is repeated multiple times, Match() function consider the string “ABC” is different from “abc” and “Abc”. Now, let us use the i regular expression along with string (i will perform the case insensitive string search.)

var Str6 = Str1.match(/abc/gi);

Finally, we used non existing item inside the JavaScript Match() function. As we said before, it returns NULL as output

var Str7 = Str1.match("JavaScript");

Thank You for Visiting Our Blog