JavaScript RegExp {x} Quantifier

The javascript "m{X}" qualifier works on any text of a series (m) with X times. The {X,} is represented as a number and can be matched to the string x number using the quantifier function in JavaScript. The regex quantifier operates in a string with the regex search, match, test, and exec methods. We can use regex modifiers for the available character with the quantifier.

Syntax

The following syntax works to regex the "x" quantifier to get available characters.

Supported browsers

The given browsers support the javascript regex {x} quantifier.

Google Chrome
Internet Explorer
Opera
Safari
Firefox
Edge

Examples

The following examples display the regex {x} quantifier of the javascript regex. We can use numbers or digits as characters in the quantifier.

Example1:

The given example matches the "java" data with the one and two digits of sequence number using quantifier regex. We can get the availability of the characters of the string.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier
</h3>
<h4> The regex quantifier matches for a sequence of one and two digits:
</h4>
<div id = "regex_quant"> </div>
<div id = "regex_quant1"> </div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//use single sequence quantifier with global modifier
var sequance_pattern1 = "java, PHP, jquery, javascript, node js";
let input_pattern = /\java{1}/g;
var quant_sequance1 = sequance_pattern1.match(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for one digit sequence: "+quant_sequance1;
//use two sequence quantifier with global modifier
let input_pattern1 = /\j{2}/g;
var quant_sequance2 = sequance_pattern1.match(input_pattern1); 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for two digit sequence: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The quantifier gives availability "j" values several times in javascript.

Example 2:

The given example matches the digital numbers with the two and three digits of the sequence number. We can get the availability of the characters of the string.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier
</h3>
<h4> The regex quantifier matches the exact sequence of two and three digits:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "2, 0, 200, 2000, 100";
//use a digit sequence quantifier with a global modifier
let input_pattern = /\d{2}/g;
var quant_sequance1 = sequance_pattern1.match(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for two digit sequence: "+quant_sequance1;
//use a three-digit sequence quantifier with a global modifier
let input_pattern1 = /\d{4}/g;
var quant_sequance2 = sequance_pattern1.match(input_pattern1); 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for three-digit sequence: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The quantifier gives available "20" values in a string using JavaScript.

Example 3:

The given example tests the digital numbers with the two and five digits of the sequence number. We can get the Boolean output for the availability of the string characters.

<html>
<head>
<title>
JavaScript RegExp quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier
</h3>
<h4> The regex quantifier tests for a sequence of exact two and five digits:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//use regex with required digit sequence quantifier with global modifier
var sequance_pattern1 = "2, 0, 200, 2000, 100";
let input_pattern = /\d{3}/g;
var quant_sequance1 = input_pattern.test(sequance_pattern1); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for three-digit sequence: "+quant_sequance1;
let input_pattern1 = /\d{5}/g;
var quant_sequance2 = input_pattern1.test(sequance_pattern1);  
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for five-digit sequence: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The quantifier works to test the three or five sequence of the number.

Example 4:

The example works global and case-insensitive modifier with regexp{x} quantifier. We can see the difference in the one-digit range of the character with the modifiers.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Regex quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier
</h3>
<h4> The regex quantifier operates for one digit with case-insensitive and global modifier:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//use Java for single sequence quantifier with global modifier
var sequance_pattern1 = "java JAVA javascript language";
let input_pattern = /\java{1}/g;
var quant_sequance1 = sequance_pattern1.match(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for one digit sequence: "+quant_sequance1;
//use Java for single sequence quantifier with modifiers
let input_pattern1 = /\java{1}/gi;
var quant_sequance2 = sequance_pattern1.match(input_pattern1); 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for one digit sequence: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The quantifier tests the availability of the single sequence of the number.

Example 5:

The regex quantifier uses the replace method to replace the value of the input string. We can use any replace value and place with the method.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript RegExp quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier with the replace method
</h3>
<div id = "regex_quant"> </div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//use Java for single sequence quantifier 
var sequance_pattern1 = "java, PHP, jquery, javascript, reactjs";
let input_pattern = /\java{1}/g;
let data = "node";
// Use the replace method to change the regex value 
var quant_sequance1 = sequance_pattern1.replace(input_pattern, data); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for one digit sequence: "+quant_sequance1;
}
</script>
</body>
</html>

Output

The quantifier replaces the value of the given number of times in JavaScript.

Example 6:

The given example searches value using the regex quantifier.

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Regex quantifier
</title>
<style>
#demo1{
background-color: orange;
border: 1px solid black;
width: 370px;
}
</style>
</head>
<body>
<div id = "demo1">
<h3>
JavaScript RegExp {x} quantifier
</h3>
<h4> The regex quantifier operates for one digit with case-insensitive and global modifier:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- click the button for the result -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
//use Java for single sequence quantifier with global modifier
var sequance_pattern1 = "java JAVA javascript language";
let input_pattern = /\java{1}/g;
var quant_sequance1 = sequance_pattern1.search(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for one digit sequence: "+quant_sequance1;
//use Java for single sequence quantifier with global and case-insensitive modifier
let input_pattern1 = /\java{1}/gi;
var quant_sequance2 = sequance_pattern1.search(input_pattern1); 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for one digit sequence: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The quantifier searches the availability of the number.