Extract strings from user input URL Angular

Question

A user on my site will enter a url of the form

    url = "https://www.website.com/shop/SHOPNAME/location/LOCATION"

I would like to extract the SHOPNAME and LOCATION substrings. The structure of the input url will always be of this form (or at least if they are not I will return an error). I have found answers on how to parse out particular characters, a certain suffix or a certain prefix but not two different substrings.

I require these strings to make an HTTP get request to my server. The alternative to extracting the strings, if I could send the full url over the HTTP request I can change my server side application easily for what is required. To do this I would need to prepend ever / with a \ (I think) - so alternatively if anyone had a solution for that it would be amazing!

Any help on this would be greatly appreciated! Thanks

Paul · Accepted Answer · 2020-05-19 19:46:58Z

4

Here a solution using a regex.

let url = "https://www.website.com/shop/SHOPNAME/location/LOCATION"
let regex = /\/shop\/(.*)\/location\/(.*)/i;
let matches = regex.exec(url);
if (matches.length === 3) {
  let shopname = matches[1];
  let location = matches[2];
  console.log(shopname, location);
}

answered May 19, 2020 at 19:46

Paul

2,0761 gold badge10 silver badges16 bronze badges

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

Comments

Lakshitha · Accepted Answer · 2020-05-19 19:52:32Z

1

Since the structure of the input url will always be of that form, You can simply do:

url = "https://www.website.com/shop/SHOPNAME/location/LOCATION"
var subString = url.split( '/' );
var shopName = subString[4];
var shopLocation = subString[6];

edited May 19, 2020 at 19:52

answered May 19, 2020 at 19:45

Lakshitha

1,5601 gold badge12 silver badges20 bronze badges

Collectives™ on Stack Overflow

Extract strings from user input URL Angular

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