replace url params with values of an object

Question

I have a object like this:

let data = {
    url: "https://test.ir/apps/:type/:id/",
    params: {
        id: "com.farsitel.bazaar",
        type: "xyz",
    },
    query: {
        ref: "direct",
        l: "en",
    },
};

I want to replace :type and :id in url with equivalent key to each from params object. what is the best solution in javascript?

s.kuznetsov · Accepted Answer · 2022-04-19 23:43:17Z

2

Solution based on matching keys from params to the value of a regular expression from key url, followed by an update of that key.

On input: https://test.ir/apps/:type/:id/

On output: https://test.ir/apps/xyz/com.farsitel.bazaar/

let data = {
    url: "https://test.ir/apps/:type/:id/",
    params: {
        id: "com.farsitel.bazaar",
        type: "xyz",
    },
    query: {
        ref: "direct",
        l: "en",
    },
};

let new_url = data.url.replace(/:(\w+)/g, (match, key) => data.params[key] || match);

data.url = new_url;

console.log(data);

edited Apr 19, 2022 at 23:43

answered Apr 17, 2022 at 21:35

s.kuznetsov

15.3k3 gold badges12 silver badges31 bronze badges

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

1 Comment

omid nematollahi Over a year ago

Thanks body. that's a good solution. I have always some problems with understanding regex phrases :)

Rob C · Accepted Answer · 2022-04-17 21:13:02Z

0

Could you just use String.replace?

const data = {
   url: "https://test.ir/apps/:type/:id/",
   params: {
      id: "com.farsitel.bazaar",
      type: "xyz",
   },
   query: {
      ref: "direct",
      l: "en",
   },
}

const url = data.url.replace(":type", data.params.type).replace(":id", data.params.id);

console.log(url)

answered Apr 17, 2022 at 21:13

Rob C

12 bronze badges

1 Comment

Ethan Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

replace url params with values of an object

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related