Open In App

Case insensitive search in JavaScript

Improve
Improve
Like Article
Like
Save
Share
Report

Case-insensitive: It means the text or typed input that is not sensitive to capitalization of letters, like “Geeks” and “GEEKS” must be treated as same in case-insensitive search. In Javascript, we use string.match() function to search a regexp in a string and match() function returns the matches, as an Array object. 

Syntax:  

string.match(regexp)

Parameters: This method accepts single parameter regexp which is required. It is used to pass the value to search for as a regular expression.

Regular expression (regexp): It is a particular syntax /pattern/modifiers; modifier sets the type. For example /GeeksforGeeks/i where “i” sets to case insensitive. 

Note: Here g and i used for global and case-insensitive search respectively.

Example 1: This example describes the search of a regular expression. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <title>
        Case insensitive search
        in JavaScript
    </title>
</head>
 
<body style = "text-align:center;">
 
    <h1 style = "color:green;" >    
        GeeksforGeeks
    </h1>
     
     
<p>
        Click on button
    </p>
 
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG"></p>
 
 
    <script>
        function myGeeks() {
            var str = "Welcome Geeks GEEKS geeks";
            var res = str.match(/geeks/gi);
             
            document.getElementById("GFG").innerHTML
                    = res;
        }
    </script>
</body>
 
</html>                   


Output: 

  • Before clicking on the button: 

  • After clicking on the button: 

Example 2: This example describes the search of a regular expression. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <style>
        h1 {
            padding-top: 35px;
            color: green;
        }
    </style>
</head>
 
<body style="text-align:center;">
 
    <h1>GeeksforGeeks</h1>
 
     
<p>Click the button to perform a global
                     case-insensitive search.</p>
 
 
    <button onclick="myFunction()">Try it</button>
 
    <p id="demo"></p>
 
 
    <script>
        function myFunction() {
            var str = "Brazil and Austraila won the WorldCup 5 times";
            var res = str.match(/5/gi);
            document.getElementById("demo").innerHTML = res;
        }
    </script>
 
</body>
 
</html>


Output :-

  • Before clicking on button 

  • After clicking on button:

 



Last Updated : 27 Sep, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads