How to capture a string from the parameters of a url using regex expressions in javascript

Question

I've got a function that will display urls visited by users e.g. https://stackoverflow.com/questions/78/of/103/uk/ask

I want to use a regex expression with javascript to capture a specific parameter of the url and replace it with placeholder text. Taking the example above;

When https://stackoverflow.com/questions/7845w98439/uk/ask is matched, replace the '/78/of/103/uk/' part with '/task/of/total/country/'. The code below I have doesn't seem to work. Can someone show me where I'm going wrong?

JS:

const url_change = [
  {expression: '/^/78/of/103/uk//i', value: '/task/of/total/country/'}
];

const urlParam = url_change.reduce(function(result, item) {
        return element.classList.contains(item.expression) ? item.value : result;
    }, '');

return urlParam(
  toChange ? toChange.value : getElementText(element)
);

you have to escape all slashes in the regexp /^\/bla\/bleh etc — georg
– georg, Commented Oct 12, 2018 at 10:59

protoproto · Accepted Answer · 2018-10-12 11:06:54Z

2

Do as follow:

var str = "https://stackoverflow.com/questions/78/of/103/uk/ask";
const url_change = [
  {expression: /\/78\/of\/103\/uk\//i, value: '/task/of/total/country/'}
];
// console.log(url_change[0].expression.test(str));
var result = str.replace(url_change[0].expression,url_change[0].value);
console.log(result);

Sign / is special character (announces the end of Regex expression), it needs a mark \ lead to become a / in url, for Regex expression!

answered Oct 12, 2018 at 11:06

protoproto

2,0991 gold badge15 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

How to capture a string from the parameters of a url using regex expressions in javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related