How can I match multiple occurrences with a regex in JavaScript similar to PHP’s preg_match_all()?

by

Hoisted from the comments

2020 comment: rather than using regex, we now have URLSearchParams, which does all of this for us, so no custom code, let alone regex, are necessary anymore.

– Mike ‘Pomax’ Kamermans

Browser support is listed here https://caniuse.com/#feat=urlsearchparams

I would suggest an alternative regex, using sub-groups to capture name and value of the parameters individually and re.exec():

function getUrlParams(url) {
  var re = /(?:\?|&(?:amp;)?)([^=&#]+)(?:=?([^&#]*))/g,
      match, params = {},
      decode = function (s) {return decodeURIComponent(s.replace(/\+/g, " "));};

  if (typeof url == "undefined") url = document.location.href;

  while (match = re.exec(url)) {
    params[decode(match[1])] = decode(match[2]);
  }
  return params;
}

var result = getUrlParams("http://maps.google.de/maps?f=q&source=s_q&hl=de&geocode=&q=Frankfurt+am+Main&sll=50.106047,8.679886&sspn=0.370369,0.833588&ie=UTF8&ll=50.116616,8.680573&spn=0.35972,0.833588&z=11&iwloc=addr");

result is an object:

{
  f: "q"
  geocode: ""
  hl: "de"
  ie: "UTF8"
  iwloc: "addr"
  ll: "50.116616,8.680573"
  q: "Frankfurt am Main"
  sll: "50.106047,8.679886"
  source: "s_q"
  spn: "0.35972,0.833588"
  sspn: "0.370369,0.833588"
  z: "11"
}

The regex breaks down as follows:

(?:            # non-capturing group
  \?|&         #   "?" or "&"
  (?:amp;)?    #   (allow "&", for wrongly HTML-encoded URLs)
)              # end non-capturing group
(              # group 1
  [^=]+      #   any character except "=", "&" or "#"; at least once
)              # end group 1 - this will be the parameter's name
(?:            # non-capturing group
  =?           #   an "=", optional
  (            #   group 2
    [^]*     #     any character except "&" or "#"; any number of times
  )            #   end group 2 - this will be the parameter's value
)              # end non-capturing group

More Related Contents:

  1. Find particular string from URL in JavaScript
  2. Negative lookbehind equivalent in JavaScript
  3. Case insensitive regex in JavaScript
  4. Remove not alphanumeric characters from string
  5. Match only unicode letters
  6. Regular expression not working for at least one European character
  7. Regular expression to match A, AB, ABC, but not AC. (“starts with”)
  8. How to parse a URL?
  9. List of all characters that should be escaped before put in to RegEx?
  10. Match any non-word character (excluding diacritics)
  11. How can I select an element by ID with jQuery using regex?
  12. Regex to Match Symbols: !$%^&*()_+|~-=`{}[]:”;’?,./
  13. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  14. Regex to replace everything except numbers and a decimal point
  15. How can I replace newlines/line breaks with spaces in javascript?
  16. Can I use a regular expression in querySelectorAll?
  17. In a regular expression, match one thing or another, or both
  18. Regex remove repeated characters from a string by javascript
  19. (*SKIP)(*FAIL) workaround in JavaScript RegExp
  20. What are non-word boundary in regex (\B), compared to word-boundary?
  21. What is the need for caret (^) and dollar symbol ($) in regular expression?
  22. Replacing accented characters with plain ascii ones [duplicate]
  23. Best way to parse HTML in Javascript
  24. How to insert space every 4 characters for IBAN registering?
  25. JavaScript Regex to match a URL in a field of text
  26. Regular Expression Pattern With A Variable
  27. RegEx Ignore Case
  28. Regex that matches anything except for all whitespace
  29. How to properly escape characters in regexp
  30. How to loop all the elements that match the regex?

Leave a Comment