JavaScript正則表達式從查詢中刪除變量

Question

我試圖從查詢字符串中刪除一個變量。這是我目前的做法：

var str = "http://example.com/tal.php?sec=16&name=xxxx&size=xxxx"; 
str = str.replace(/([&])name=.*?(&|$)/g,""); 

有兩個問題與此代碼：

• 無論是在&名稱的開頭和結尾移除。我只想要刪除一個

• 當變量名稱位於查詢字符串的開頭或結尾時，它也應該起作用。

如何才能告訴正則表達式刪除第二個&只有當它匹配第一個？

Answer 1

我建議使用捕獲組，然後使用他們在回調函數重新插入適當的&字符：

([?&])name=.*?($|&) 

見demo

下面是一段JavaScript代碼顯示在更換過程中的所有3個位置：

function removeQueryArg(str) { 
 
    var re = /([?&])name=.*?($|&)/; 
 
    return str.replace(re, function(m, grp1, grp2, offset, input) { 
 
    return grp1 === "?" ? "?" : (grp2 === "&" ? "&" : ""); 
 
    }); 
 
} 
 

 
document.write(removeQueryArg('http://example.com/tal.php?name=xxxx&sec=16&size=xxxx') + "<br/>" + 
 
    removeQueryArg('http://example.com/tal.php?sec=16&name=xxxx&size=xxxx') + "<br/>" + 
 
    removeQueryArg('http://example.com/tal.php?sec=16&size=xxxx&name=xxxx'));

讓我解釋：

• 的([?&])name=.*?($|&)正則表達式中包含2個捕獲組([?&])（匹配任一?或&）和($|&)（匹配字符串或&的終點）。
• 在replace方法中，我們可以將這些組的內容傳遞給回調函數，我們可以進一步分析如何處理替換。
• function(m, grp1, grp2, offset, input)實際上使用了整個比賽m和grp1和grp2是捕獲的文本。 offset（原始字符串中的匹配索引）和input（整個輸入字符串）在此處未使用，但它們可能在某一天有用。
• 在回調中，我檢查組1是否等於「？」。如果是，則參數位於查詢字符串的開頭，我們需要恢復前面的?。
• 如果不是，我們需要檢查第二組的內容。如果它等於&，則匹配位於查詢字符串的中間，我們需要添加&。如果沒有，我們到最後，不要添加任何東西，我們刪除整個比賽。

查看更多在Specifying a function as a parameter at MDN replace method help page。

Answer 2

解決此問題的一種簡單方法是刪除name參數以及之前的問號或與號。如果問號被刪除，請將第一個＆符號替換爲問號再將其放回。

s = s.replace(/([?&]name=[^&]*)/, ''); 
if (s.indexOf('?') == -1) { 
    s = s.replace(/[&]/, '?'); 
} 

示範：

function print(s) { 
 
    document.write(s + '<br \>'); 
 
} 
 

 
function deleteName(s) { 
 
    print(s); 
 
    s = s.replace(/([?&]name=[^&]*)/, ''); 
 
    if (s.indexOf('?') == -1) { 
 
    s = s.replace(/[&]/, '?'); 
 
    } 
 
    print(s); 
 
    print(''); 
 
} 
 

 
deleteName('http://example.com/tal.php?name=xxxx&sec=16&size=xxxx'); 
 

 
deleteName('http://example.com/tal.php?sec=16&name=xxxx&size=xxxx'); 
 

 
deleteName('http://example.com/tal.php?sec=16&size=xxxx&name=xxxx');

body { 
 
    font-family: sans-serif; 
 
}