在前端开发中，我们经常需要处理 URL。其中一个常见的需求是删除查询字符串（query string）。本文将介绍如何使用 JavaScript 和正则表达式来实现这个功能。
什么是查询字符串？
查询字符串是 URL 中问号后面的部分，用于传递参数。例如，下面这个 URL 包含了一个查询字符串：
https://example.com/search?q=javascript&page=2
其中，? 后面的部分 q=javascript&page=2 就是查询字符串。它包含了两个参数，分别是 q 和 page。
删除查询字符串的方法
有多种方法可以删除查询字符串。下面介绍一种使用正则表达式的方法。
首先，我们需要获取当前页面的 URL。可以使用 window.location.href 来获取。然后，我们可以使用正则表达式来匹配并删除查询字符串。具体的代码如下：
const url = window.location.href; const cleanUrl = url.replace(/\?.*/, '');
这里使用了 replace() 方法和一个正则表达式 /\?.*/。该正则表达式匹配问号后面的任意字符，包括问号本身。因此，整个 URL 的查询字符串都会被替换为空字符串 ''。最终的结果就是一个没有查询字符串的 URL。
为了让代码更加健壮，我们可以先判断 URL 是否包含查询字符串。如果不包含，则直接返回原始 URL。代码如下：
const url = window.location.href;
if (url.indexOf('?') === -1) {
// URL 中没有查询字符串，直接返回原始 URL
const cleanUrl = url;
} else {
// 使用正则表达式删除查询字符串
const cleanUrl = url.replace(/\?.*/, '');
}指导意义
本文介绍了如何使用 JavaScript 和正则表达式来删除 URL 中的查询字符串。这个功能在前端开发中非常有用，可以让我们更方便地处理 URL。同时，通过学习本文的内容，读者还可以了解到正则表达式的基础知识，并加深对字符串操作的理解。
总之，不管是初学者还是有经验的开发者，在工作中都需要处理 URL，掌握这个技能是很重要的。
示例代码
完整的示例代码如下：
-- -------------------- ---- ------- ----- --- - --------------------- -- ----------------- --- --- - -- --- --------------- --- ----- -------- - ---- - ---- - -- -------------- ----- -------- - ------------------- ---- - ----------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10397
