在鏈接替換字符串的一部分的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] ]; 
});