How to match a url path with optional elements using regex

Question

I'm using custom URL paths which I want to map into an object.

My mapping looks like this:

browser://{A}/{B}/{C}/{D}/

with {C} and {D} being optional. So a path might look like this:

"browser://call/register/ss/hello"
"browser://call/request/"

I would like to have the path available as an object ala

 elems = {
   A: call,
   B: register,
   C: ss,
   D: hello
 }

But right now I can't even get the regex to work... Here is what I'm trying:

 var re = /^browser:\/\/([\w\W]+)[\/+]([\w\W]+)[\/+]([\w\W]*)[\/*]([\w\W]*)[\/*]/;
 console.log(re.exec("browser://call/register/ss/hello"));

This only seems to work if I include a full path. But when I leave away {C} or {D}, my regex fails.

Question
How do I make {C} and {D} optional? Is there an easy way to convert the resulting array into an object?

Thanks for help!

try var c = 'A'.charCodeAt(0 ); "browser://call//register/ss/hello".split('/') .filter( String ).splice(1) .reduce( function( a, b ){ a[ String.fromCharCode( c++ ) ] = b; return a; },{}) — rab
– rab, Commented Jun 7, 2013 at 12:34
@frequent if want it in array, "browser://call//register/ss/hello".match(/[\w\d]+/g).slice(1) even shoter ! — rab
– rab, Commented Jun 7, 2013 at 16:54

Khanh TO · Accepted Answer · 2013-06-07 13:23:34Z

1

Try this regex

^(browser:\/)(\/([\w\d]+)){2,4}$

Tested on regexpal

In case you allow trailing slash, you can try this

^(browser:\/\/)(([\w\d]+)\/){2,4}$

Or use a little more complex regex if you need to utilize javascript regex engine to extract matched elements for you

^(browser:\/\/)(([\w\d]+)\/)(([\w\d]+)\/)(([\w\d]+)\/)?(([\w\d]+)\/)?$

Fiddle

edited Jun 7, 2013 at 13:23

answered Jun 7, 2013 at 12:49

Khanh TO

49k13 gold badges101 silver badges117 bronze badges

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

Comments

Anand Shah · Accepted Answer · 2013-06-07 12:42:35Z

1

use the following code:

function toTokens(str){
  var re = /^browser:\/\/([\w\W]+)[\/+]([\w\W]+)[\/+]/;
  var tmp = re.exec(str);
  var obj = tmp[1].split("/");
  obj.push(tmp[2]);
  return obj;
}

Test cases:

console.log(toTokens("browser://{A}/{B}/"));
console.log(toTokens("browser://{A}/{B}/{C}/"));
console.log(toTokens("browser://{A}/{B}/{C}/{D}/"));

answered Jun 7, 2013 at 12:42

Anand Shah

6337 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to match a url path with optional elements using regex

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related