Заменить часть строки в ссылке Javascript

Question

У меня есть следующие ссылки:

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

и следующие данные:

catalogueId: 31 
translationId: 4 

Теперь я хотел бы изменить часть между фигурными скобки со значением объекта данных. Таким образом, ссылка должна выглядеть следующим образом:

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

Есть ли способ в JavaScript, чтобы accoomplish это? Если да, то в чем дело?

Answer 1

пример ниже

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>

Answer 2

Это один из вариантов:

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] ]; 
});