I am exploring capturing groups in Regex and I am getting confused about lack of documentation on it. For ex, can anyone tell me difference between two regex:
/(?:madhur)?/
and
/(madhur)?/
As per me, ? in second suggests matching madhur
zero or once in the string.
How is the first different from second ?
Capturing groups are a way to treat multiple characters as a single unit. They are created by placing the characters to be grouped inside a set of parentheses. For example, the regular expression (dog) creates a single group containing the letters "d" "o" and "g" .
First group matches abc. Escaped parentheses group the regex between them. They capture the text matched by the regex inside them into a numbered group that can be reused with a numbered backreference. They allow you to apply regex operators to the entire grouped regex.
A repeat is an expression that is repeated an arbitrary number of times. An expression followed by '*' can be repeated any number of times, including zero. An expression followed by '+' can be repeated any number of times, but at least once.
Groups group multiple patterns as a whole, and capturing groups provide extra submatch information when using a regular expression pattern to match against a string. Backreferences refer to a previously captured group in the same regular expression.
The first one won't store the capturing group, e.g. $1
will be empty. The ?:
prefix makes it a non capturing group. This is usually done for better performance and un-cluttering of back references.
In the second example, the characters in the capturing group will be stored in the backreference $1
.
Further Reading.
Here's the most obvious example:
"madhur".replace(/(madhur)?/, "$1 ahuja"); // returns "madhur ahuja" "madhur".replace(/(?:madhur)?/, "$1 ahuja"); // returns "$1 ahuja"
Backreferences are stored in order such that the first match can be recalled with $1
, the second with $2
, etc. If you capture a match (i.e. (...)
instead of (?:...)
), you can use these, and if you don't then there's nothing special. As another example, consider the following:
/(mad)hur/.exec("madhur"); // returns an array ["madhur", "mad"] /(?:mad)hur/.exec("madhur"); // returns an array ["madhur"]
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With