javascript - 正则表达式 JavaScript : authorize slash

Question

我有一个正则表达式来格式化 HTML 输入中的 URL。我想删除所有非字母或数字的字符。

所以我写了这个正则表达式:

return url.toLowerCase()
            .replace(/^\s+|\s+$/g, "") 
            .replace(/[_|\s]+/g, "-") 
            .replace(/[^a-z\u0400-\u04FF0-9-]+/g, "") 
            .replace(/[-]+/g, "-") 
            .replace(/^-+|-+$/g, "")
            .replace(/[-]+/g, "-");

但现在，我想接受斜杠字符 (/)。我如何通过替换来接受这个 Angular 色？我对 RegExp 不太确定。

我想要这个字符串:

Category / Test name = dog

成为:

category/test-name-dog

Answer 1

如果你想遵循你的逻辑，你需要“保护”否定字符类中的 / 符号(这里 - /[^a-z\/\u0400-\u04FF0- 9-]+/g - 这样您就不会太早删除它)，然后将所有 -/- 替换为 / 作为最后一步。请注意，您正在重复 .replace(/[-]+/g, "-") 步骤，您可以删除第一个。

return url.toLowerCase()
            .replace(/^\s+|\s+$/g, "") 
            .replace(/[_\s]+/g, "-") 
            .replace(/[^a-z\/\u0400-\u04FF0-9-]+/g, "") 
            .replace(/^-+|-+$/g, "")
            .replace(/-+/g, "-")
            .replace(/-*\/-*/g, "/");

url = "Category / Test name = dog";
document.body.innerHTML = "Old: " + url.toLowerCase()
            .replace(/^\s+|\s+$/g, "") 
            .replace(/[_|\s]+/g, "-") 
            .replace(/[^a-z\u0400-\u04FF0-9-]+/g, "") 
            .replace(/[-]+/g, "-") 
            .replace(/^-+|-+$/g, "")
            .replace(/[-]+/g, "-");
            // and now
document.body.innerHTML += "<br/>New: " + url.toLowerCase()
            .replace(/^\s+|\s+$/g, "") 
            .replace(/[_\s]+/g, "-") 
            .replace(/[^a-z\/\u0400-\u04FF0-9-]+/g, "") 
            .replace(/^-+|-+$/g, "")
            .replace(/-+/g, "-")
            .replace(/-*\/-*/g, "/");