Match regex when variable is passed

Question

I'm trying to test a location.pathname. I'm passing a path to a function with regex. The path can be:

/dashboard
/dashboard/orders

And location.pathname can be:

/dashboard
/dashboard/orders
/dashboard/orders/5ea5c95684c28d4b7ff688e1
/dashboard/orders/anyOtherId

What I want to do is when passing /dashboard/orders/5ea5c95684c28d4b7ff688e1 as location.pathname it matches only with the path /dashboard/orders and not with /dashboard.

Testing Regex in https://regexr.com/ I could make it work: \/dashboard\/*, then I tried to implement it in javascript:

const matcher = new RegExp(`${path}\/*`)
matcher.test(location.pathname)

However, when I pass a path = /dashboard/orders and location.pathname = /dashboard/orders/5ea5c95684c28d4b7ff688e1 it matches with /dashboard and /dashboard/orders. I need it to match only with /dashboard/orders. /dashboard must match only when path is /dashboard and location.pathname = /dashboard.

How can I achieve this?

Thanks in advance

Edit: To be more clear, I need it to return true when path is /dashboard/orders and location.pathname is /dashboard/orders or /dashboard/orders/5ea5c95684c28d4b7ff688e1.

But it must return false when path is /dashboard and location.pathname is /dashboard/orders or /dashboard/orders/5ea5c95684c28d4b7ff688e1

surley your pattern should be \/dashboard\/orders\/* then? — developer
– developer, Commented Apr 29, 2020 at 15:05
Why do you need regex in the first place? I dont really get what exactly is the use case. I'd split the pathname at each slash and work with the array — Aaron
– Aaron, Commented Apr 29, 2020 at 15:06
Or test with string.startsWith(substring [, position]); ref: techonthenet.com/js/string_startswith.php — developer
– developer, Commented Apr 29, 2020 at 15:08
@anubhava this works when location.pathname is /dashboard/orders/5ea5c95684c28d4b7ff688e1, but when it's just /dashboard/orders it matches with path /dashboard — Otavio Bonder
– Otavio Bonder, Commented Apr 29, 2020 at 15:08
Worked like a charm @anubhava. Please answer the question with this solution, so I can mark as the solution. Thanks! — Otavio Bonder
– Otavio Bonder, Commented Apr 29, 2020 at 15:45

anubhava · Accepted Answer · 2020-04-29 15:47:38Z

1

You can do a .replace on location.pathname to remove everything after 2nd path component and the just compare with the path variable.

This solution should work for you:

path == location.pathname.replace(/^(\/dashboard\/[\w-]+)\/.*$/, '$1')

RegEx Demo of .replace

answered Apr 29, 2020 at 15:47

anubhava

790k67 gold badges603 silver badges671 bronze badges

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

Comments

Drashti Dobariya · Accepted Answer · 2020-04-29 15:22:34Z

0

Here, you can use two different regexes. One regex -

 "\/dashboard(\/)?$"

This will match "/dashboard" and "/dashboard/"

Second regex -

 "\/dashboard\/orders(\/[a-zA-Z0-9]*(\/)?)?$"

this will match

/dashboard/orders /dashboard/orders/5ea5c95684c28d4b7ff688e1 /dashboard/orders/anyOtherId /dashboard/orders/ /dashboard/orders/5ea5c95684c28d4b7ff688e1/ /dashboard/orders/anyOtherId/

answered Apr 29, 2020 at 15:22

Drashti Dobariya

3,0962 gold badges13 silver badges29 bronze badges

Collectives™ on Stack Overflow

Match regex when variable is passed

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