Regex to return array of URL parameters

Question

I've seen a number of posts on matching/replacing a path like:

/login/:id/:name

However, I'm trying to figure out how I can return an array containing only the names of the params; id, name

I've got the Regex down: /:[^\s/]+/g, "([\\w-]+)" just struggling with the match.

I could split, loop and substr to check the patterns, but I'm hoping for something cleaner. — Fluidbyte
– Fluidbyte, Commented Feb 23, 2014 at 23:47

elclanrs · Accepted Answer · 2014-02-23 23:46:57Z

1

You need to loop because match won't grab capture groups in a global regex, so you'll end up having some extra character you don't need:

var url = '/login/:id/:name';

var res = [];
url.replace(/:(\w+)/g, function(_, match) {
  res.push(match);
});

console.log(res); //=> ["id", "name"]

You can also use this helper:

String.prototype.gmatch = function(regex) {
  var result = [];
  this.replace(regex, function() {
    var matches = [].slice.call(arguments, 1, -2);
    result.push.apply(result, matches);
  });
  return result;
};

var res = url.gmatch(/:(\w+)/g); //=> ["id", "name"]

answered Feb 23, 2014 at 23:46

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Fluidbyte Over a year ago

Seems to work unless there are non-varaible splits, for instance: /user/:id/login/:name returns the id but the second value is undefined

Collectives™ on Stack Overflow

Regex to return array of URL parameters

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related