Replace part of string in a link Javascript

Question

I have the following link:

/v1/catalogue/folders/{catalogueId:[0-9]+}/translations/{translationId:[0-9]+}/

and the following data:

catalogueId: 31
translationId: 4

Now I'd like to change the part between the curly brackets with the value of the data-object. So the link needs to look like this:

/v1/catalogue/folders/31/translations/4/

Is there a way in Javascript to accoomplish this? If yes, what is that way?

When you made an attempt, what went wrong? I'd suggest taking a look at String.prototype.replace(), as a hint. But first, is that link in your browser's address bar (are you on the page that link represents), or is it a string somewhere else in your document? — David Thomas
– David Thomas, Commented Nov 15, 2016 at 15:51

salezica · Accepted Answer · 2016-11-15 15:55:18Z

2

This is one of the options:

const regex = /\{(.*?)\}/g
const url = "/v1/catalogue/folders/{catalogueId:[0-9]+}/translations/{translationId:[0-9]+}/"
const replacements = { catalogueId: 19, translationId: 20 } 

const result = url.replace(regex, function(_, segment) {
  return replacements[ segment.split(':')[0] ];
});

edited Nov 15, 2016 at 15:55

salezica

77.6k29 gold badges113 silver badges169 bronze badges

answered Nov 15, 2016 at 15:53

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

salezica Over a year ago

Clean and concise. Edited to remove some of the parametric noise (sorry if it bothered)

arhak · Accepted Answer · 2016-11-15 15:54:25Z

1

see example below

var data = {
  catalogueId: 31,
  translationId: 4,
};

var url = $('#mylink').attr('href');
for(var key in data) {
  var regex = new RegExp('{' + key + '[^}]*}', 'g');
  console.log(regex);
  url = url.replace(regex, data[key]);
}
console.log(url);
$('#mylink').attr('href', url);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a id="mylink" href="/v1/catalogue/folders/{catalogueId:[0-9]+}/translations/{translationId:[0-9]+}/">link</a>

answered Nov 15, 2016 at 15:54

arhak

2,5721 gold badge27 silver badges39 bronze badges

Collectives™ on Stack Overflow

Replace part of string in a link Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related