Javascript Regex ignoreCase Properties

JavaScript ignoreCase property helps to return the Boolean value to see the availability of the "i" modifier. If the "i" modifier sets, the output shows a true value; otherwise, it shows false. The ignore-case property offers the operations of the data without a case-sensitive format.

Syntax

The following syntax is used to get the last index before starting the next value.

Supported Browsers

The following browsers work for RegExp ignoreCase properties:

Google Chrome
Edge
Firefox
Internet Explorer
Opera
Safari

Examples

The following examples show the availability of the "i" modifier.

Example 1:

The example shows the case-insensitive modifier available using the ignoreCase property. Here, we use regex directly with the ignoreCase keyword.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp ignoreCase properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp ignoreCase properties
</h3>
<h4> The ignoreCase property gets the available of the "i" modifier </h4>
<!-- Click the button to get the ignoreCase properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_ignoreCase"> </div>
</div>
<script>
function display_value() {
let ignoreCase_pattern = /j/gi;
var final_result = "";
//Get available the case-insensitive modifier with the ignoreCase keyword
final_result += "Available ignoreCase: " + ignoreCase_pattern.ignoreCase + "<br>";
//output shows "true" as a ignoreCase output
var ele_demo = document.getElementById("regex_ignoreCase");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

Output

The output shows the availability of the case-insensitive modifier.

Example 2:

The example shows the array function's last position of the matching character for the ignoreCase property.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp ignoreCase properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp ignoreCase properties
</h3>
<h4> The ignoreCase property gets the available of the "i" modifier </h4>
<!-- Click the button to get the ignoreCase properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_ignoreCase"> </div>
</div>
<script>
function display_value() {
let ignoreCase_pattern = /j/g;
var final_result = "";
//Get available the case-insensitive modifier with the ignoreCase keyword
final_result += "Available ignoreCase: " + ignoreCase_pattern.ignoreCase + "<br>";
//output shows "false" as a ignoreCase output
var ele_demo = document.getElementById("regex_ignoreCase");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

Output

The output shows the availability of the case-insensitive modifier.

Example 3:

The example shows the string's last position of the matching character for the ignoreCase property. Here, we use the new Regexp() method with the regex format.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp ignoreCase properties
</title>
<style>
#demo1 {
background-color: aqua;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp ignoreCase properties with new Regexp() method
</h3>
<h4> The ignoreCase property gets the available of the "gi" modifier </h4>
<!-- Click the button to get the ignoreCase properties output -->
<button onclick = "display_value();"> Click Here! </button>
<div id = "regex_ignoreCase"> </div>
</div>
<script>
function display_value() {
let ignoreCase_pattern = new RegExp("j", "gi");
var final_result = "";
//Get available the case-insensitive modifier with the ignoreCase keyword
final_result += "Available ignoreCase: " + ignoreCase_pattern.ignoreCase + "<br>";
//output shows "false" as a ignoreCase output
var ele_demo = document.getElementById("regex_ignoreCase");
ele_demo.innerHTML = final_result;
}
</script>
</body>
</html>

Output

The output shows the availability of the case-insensitive modifier.

Conclusion

The regex ignore case property works for all types of cases, and it is uppercase and lowercase. It is easy to operate an extensive size database for developers and filter the value for the users.

Next TopicJavascript Regex LastIndex Properties

← prev next →