JavaScript regular expressions and sub-matches

by

Using String‘s match() function won’t return captured groups if the global modifier is set, as you found out.

In this case, you would want to use a RegExp object and call its exec() function. String‘s match() is almost identical to RegExp‘s exec() function…except in cases like these. If the global modifier is set, the normal match() function won’t return captured groups, while RegExp‘s exec() function will. (Noted here, among other places.)

Another catch to remember is that exec() doesn’t return the matches in one big array—it keeps returning matches until it runs out, in which case it returns null.

So, for example, you could do something like this:

var pattern = /t(e)(s)t/g;  // Alternatively, "new RegExp('t(e)(s)t', 'g');"
var match;    

while (match = pattern.exec(text)) {
    // Do something with the match (["test", "e", "s"]) here...
}

Another thing to note is that RegExp.prototype.exec() and RegExp.prototype.test() execute the regular expression on the provided string and return the first result. Every sequential call will step through the result set updating RegExp.prototype.lastIndex based on the current position in the string.

Here’s an example:
// remember there are 4 matches in the example and pattern. lastIndex starts at 0

pattern.test(text); // pattern.lastIndex = 4
pattern.test(text); // pattern.lastIndex = 9
pattern.exec(text); // pattern.lastIndex = 14
pattern.exec(text); // pattern.lastIndex = 19

// if we were to call pattern.exec(text) again it would return null and reset the pattern.lastIndex to 0
while (var match = pattern.exec(text)) {
    // never gets run because we already traversed the string
    console.log(match);
}

pattern.test(text); // pattern.lastIndex = 4
pattern.test(text); // pattern.lastIndex = 9

// however we can reset the lastIndex and it will give us the ability to traverse the string from the start again or any specific position in the string
pattern.lastIndex = 0;

while (var match = pattern.exec(text)) {
    // outputs all matches
    console.log(match);
}

You can find information on how to use RegExp objects on the MDN (specifically, here’s the documentation for the exec() function).

More Related Contents:

  1. Javascript: Decimals still being allowed in regex check for numbers [duplicate]
  2. Find String and extract with next String
  3. Regular Expression jquery validation1 [duplicate]
  4. How to count string occurrence in string?
  5. Regex to match all instances not inside quotes
  6. Check for special characters in string
  7. Regex to check whether a string contains only numbers [duplicate]
  8. Regular expression which matches a pattern, or is an empty string
  9. What is the best way to parse html in google apps script
  10. Regular expression for IP Address Validation
  11. Why does Javascript’s regex.exec() not always return the same value? [duplicate]
  12. JavaScript .replace only replaces first Match [duplicate]
  13. Unroll Loop, when to use
  14. Why does a simple .*? non-greedy regex greedily include additional characters before a match?
  15. JavaScript regex: Positive lookbehind alternative (for Safari and other browsers that do not support lookbehinds)
  16. Regex negative lookbehind not valid in JavaScript [duplicate]
  17. How can I invert a regular expression in JavaScript?
  18. Validate phone number using javascript
  19. Regex to remove spaces between ‘[‘ and ‘]’
  20. regex to get the number from the end of a string
  21. regex extract email from strings
  22. JavaScript regular expression exception (Invalid group)
  23. Converting Date and Time To Unix Timestamp
  24. JavaScript – string regex backreferences
  25. Get index of each capture in a JavaScript regex
  26. Javascript regex match fails on actual page, but regex tests work just fine
  27. JavaScript replace \n with [duplicate]
  28. Remove trailing numbers from string js regexp
  29. Replace keys in template string with object properties
  30. Convert string to Pascal Case (aka UpperCamelCase) in Javascript

Leave a Comment