Case insensitive search in JavaScript
Last Updated :
27 Sep, 2021
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:
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...