除了使用正则表达式之外，是否有更好的方法从标准 JavaScript 的 URL 字符串中的查询字符串中删除参数？
到目前为止，这是我提出的似乎在我的测试中工作的内容，但我不喜欢重新发明查询字符串解析！
function RemoveParameterFromUrl( url, parameter ) {
if( typeof parameter == "undefined" || parameter == null || parameter == "" ) throw new Error( "parameter is required" );
url = url.replace( new RegExp( "\\b" + parameter + "=[^&;]+[&;]?", "gi" ), "" ); "$1" );
// remove any leftover crud
url = url.replace( /[&;]$/, "" );
return url;
}
"[&;]?" + parameter + "=[^&;]+"
看起来很危险，因为它的参数 'bar' 会匹配：
?a=b&foobar=c
此外，如果parameter包含 RegExp 中的任何特殊字符，例如“.” ，它也会失败。而且它不是全局正则表达式，因此它只会删除参数的一个实例。
我不会为此使用简单的 RegExp，我会解析参数并丢失您不想要的参数。
function removeURLParameter(url, parameter) {
//prefer to use l.search if you have a location/link object
var urlparts = url.split('?');
if (urlparts.length >= 2) {
var prefix = encodeURIComponent(parameter) + '=';
var pars = urlparts[1].split(/[&;]/g);
//reverse iteration as may be destructive
for (var i = pars.length; i-- > 0;) {
//idiom for string.startsWith
if (pars[i].lastIndexOf(prefix, 0) !== -1) {
pars.splice(i, 1);
}
}
return urlparts[0] + (pars.length > 0 ? '?' + pars.join('&') : '');
}
return url;
}
现代浏览器提供URLSearchParams了使用搜索参数的界面。其中具有delete按名称删除参数的方法。
if (typeof URLSearchParams !== 'undefined') {
const params = new URLSearchParams('param1=1¶m2=2¶m3=3')
console.log(params.toString())
params.delete('param2')
console.log(params.toString())
} else {
console.log(`Your browser ${navigator.appVersion} does not support URLSearchParams`)
}您可以通过以下方式更改 URL：
window.history.pushState({}, document.title, window.location.pathname);
这样，您可以在没有搜索参数的情况下覆盖 URL，我在获取 GET 参数后使用它来清理 URL。
我没有看到正则表达式解决方案的主要问题。但是，不要忘记保留片段标识符（在 之后的文本#）。
这是我的解决方案：
function RemoveParameterFromUrl(url, parameter) {
return url
.replace(new RegExp('[?&]' + parameter + '=[^&#]*(#.*)?$'), '$1')
.replace(new RegExp('([?&])' + parameter + '=[^&]*&'), '$1');
}
对于 bobince 的观点，是的 - 您需要对.参数名称中的字符进行转义。
复制自 bobince 的答案，但使其支持查询字符串中的问号，例如
http://www.google.com/search?q=test???+something&aq=f
function removeUrlParameter(url, parameter) {
var urlParts = url.split('?');
if (urlParts.length >= 2) {
// Get first part, and remove from array
var urlBase = urlParts.shift();
// Join it back up
var queryString = urlParts.join('?');
var prefix = encodeURIComponent(parameter) + '=';
var parts = queryString.split(/[&;]/g);
// Reverse iteration as may be destructive
for (var i = parts.length; i-- > 0; ) {
// Idiom for string.startsWith
if (parts[i].lastIndexOf(prefix, 0) !== -1) {
parts.splice(i, 1);
}
}
url = urlBase + '?' + parts.join('&');
}
return url;
}