JavaScript RegExp {x,y} Quantifier

The {X, Y} quantifier contains and matches numbers from the x to y range. The regex quantifier operates in a string of numbers with the regular expression's search, match, test, and exec method. We can use regex modifiers for the available character with the quantifier.

Syntax

To get available characters, the following syntax uses a regular expression {x,y} quantifier.

Description

The "a" is represented as an input character with the modifier.
The "x" shows the minimum numbers of the sequence input string.
The "y" shows the range of the maximum numbers of the sequence input string.
The global and case-insensitive modifiers work with the regex quantifier.

Supported Browsers

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

Google Chrome
Internet Explorer
Opera
Safari
Firefox
Edge

Examples

The following examples use the {x,y} quantifier of the javascript regex. We can use numbers as characters in the quantifier.

Example1:

The given example shows the value range for the "j" character in the string. We can see the available range values of the input data.

<!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,y} quantifier
</h3>
<h4> The regex quantifier matches for a sequence of the given range:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- Click  button for {x,y}quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "java, php, jquery, javascript, nodejs";
// Use {0,5}quantifier regex
let input_pattern = /\j{0,5}/g;
var quant_sequance1 = sequance_pattern1.match(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for the 0-5 range: "+quant_sequance1;
// Use {1,6}quantifier regex to match values
let input_pattern1 = /\j{1,6}/g;
var quant_sequance2 = sequance_pattern1.match(input_pattern1); 
// show output for the array values of the range 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for the 1-6 range: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The output shows the value for the range of the quantifier.

Example2:

The given example shows the available range values of the input data using the match 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,y} quantifier
</h3>
<h4> The regex quantifier matches for a sequence of the given range:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- Click  button for {x,y}quantifier output -->
<button onclick = "display_group ();"> Click Here! </button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "2, 0, 200, 2000, 10000";
// Use {1,3}quantifier regex to match numbers
let input_pattern = /\d{1,3}/g;
var quant_sequance1 = sequance_pattern1.match(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for the 1-3 range: "+quant_sequance1;
// Use {1,6}quantifier regex to match range
let input_pattern1 = /\d{1,6}/g;
var quant_sequance2 = sequance_pattern1.match(input_pattern1); 
// show output for the available values of the range 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for the 1-6 range: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The output shows the value for the range of the quantifier.

Example 3:

The given example shows the range value's availability for the string's numerical values. We can see the available range values of the input data using the test 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,y} quantifier
</h3>
<h4> The regex quantifier tests for a sequence of the range of the numbers:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- Click  button for {x,y}quantifier output -->
<button onclick = "display_group();"> Click Here! </button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "2, 0, 200, 2000, 100";
// Use {num1,num2}quantifier regex to match given numbers range
let input_pattern = /\d{0,6}/g;
var quant_sequance1 = input_pattern.test(sequance_pattern1); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for the 0-6 range:: "+quant_sequance1;
// Use regex to match the given number range
let input_pattern1 = /\d{6,7}/g;
var quant_sequance2 = input_pattern1.test(sequance_pattern1);  
// show output for the availability of the range 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for for the 6-7 range:: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The output shows the test value for the range of the quantifier.

Example 4:

The given example shows the range value for the numerical values in the string and replaces the required data.

<!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,y} quantifier
</h3>
<h4> The regex quantifier matches for a sequence of the given range:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- Click  button for {x,y}quantifier output -->
<button onclick = "display_group();"> Click Here!
</button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "2, 0, 200, 2000, 10000";
// Use regex to match given numbers (3 to 6) range
let input_pattern = /\d{3,6}/g;
let replace = "$";
let quant_sequance1 = sequance_pattern1.replace(input_pattern, replace);
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for the 3-6 range: "+quant_sequance1;
let input_pattern1 = /\d{5,6}/g;
let replace2 = "3";
let quant_sequance2 = sequance_pattern1.replace(input_pattern1, replace2);
// show output for the replace value of the range 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for the 1-6 range: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The output shows the replace value for the range of the quantifier.

Example 5:

The given example shows the index position of the value in 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,y} quantifier
</h3>
<h4> The regex quantifier matches for a sequence of the given range:
</h4>
<div id = "regex_quant"></div>
<div id = "regex_quant1"></div>
<!-- Click  button for {x,y}quantifier output -->
<button onclick = "display_group ();"> Click Here! </button>
</div>
<script>
function display_group() {
var sequance_pattern1 = "2, 0, 200, 2000, 10000";
// Use quantifier regex to search numbers
let input_pattern = /\d{2,3}/g;
var quant_sequance1 = sequance_pattern1.search(input_pattern); 
var ele = document.getElementById("regex_quant");
ele.innerHTML = "Available Values for the 1-3 range: "+quant_sequance1;
let input_pattern1 = /\d{4,6}/g;
var quant_sequance2 = sequance_pattern1.search (input_pattern1); 
// show output for the index position of the range 
var ele1 = document.getElementById("regex_quant1");
ele1.innerHTML = "Available Values for the 1-6 range: "+quant_sequance2;
}
</script>
</body>
</html>

Output

The output shows the position of the range of the quantifier.