本文介绍如何通过 JavaScript 正则表达式精准删除从 #blah（含）开始到字符串末尾的全部内容，若 #blah 不存在则保持原字符串不变，避免误删或语法错误。
本文介绍如何通过 JavaScript 正则表达式精准删除从 #blah（含）开始到字符串末尾的全部内容，若 #blah 不存在则保持原字符串不变，避免误删或语法错误。
在 Web 开发中，常需清理 URL 或文本中的临时标记片段（例如调试用的哈希参数 #blah 及其后续路径）。仅用 String.prototype.replace("string", "") 进行字面量替换（如 url.replace("#blah", "")）无法满足需求——它只删除首次出现的 #blah 字符串本身，而不会清除其后的所有内容，导致残留路径（如 #blah/something-else 变成 /something-else），这往往违背预期。
正确方案是使用正则表达式匹配“#blah + 任意后续字符 + 字符串结尾”，并一次性替换为空字符串。核心正则为：/#blah.*$/，其中：
- #blah 是字面量匹配；
- .* 表示匹配零个或多个任意字符（贪婪模式）；
- $ 确保匹配必须延伸至字符串末尾，防止误截断中间内容。
✅ 推荐写法（简洁、安全、符合需求）：
const cleanUrl = url.replace(/#blah.*$/, "");
以下为完整示例验证不同场景：
const url1 = "https://example.com/#blah"; const url2 = "https://example.com/#blah/something-else"; const url3 = "https://example.com/"; // 不含 #blah const url4 = "https://example.com/#blah?param=1&debug=true"; console.log(url1.replace(/#blah.*$/, "")); // "https://example.com/" console.log(url2.replace(/#blah.*$/, "")); // "https://example.com/" console.log(url3.replace(/#blah.*$/, "")); // "https://example.com/"（无变化） console.log(url4.replace(/#blah.*$/, "")); // "https://example.com/"
⚠️ 注意事项：
- 正则中未加 g 标志是刻意为之：因只需匹配首次出现且延伸至末尾的 #blah 段落，全局标志在此场景下无意义且可能引发混淆；
- 若需支持大小写不敏感（如 #BLAH 或 #Blah），可添加 i 标志：/#blah.*$/i；
- 该方法对原始字符串无副作用（非就地修改），返回新字符串，符合函数式编程习惯；
- 若业务中 #blah 属于 URL 哈希部分，注意浏览器地址栏更新需配合 history.pushState() 或 window.location.hash 协同处理，本操作仅作用于字符串值。
总结：使用 replace(/#blah.*$/, "") 是语义清晰、性能高效、边界安全的标准解法，适用于 URL 清洗、日志脱敏、配置字符串预处理等多种场景。
