javascript - 如何将 javascript 中的 url 与正则表达式匹配

Question

当网站的网址中有 /category 或 /blog 时，我尝试将 css 添加到 div。

遵循我的代码:

    var expression = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;
    var regex = new RegExp(expression);
    var paths = ['/blog', '/category'];

  for (i = 0; i < paths.length; i++) {
      if (paths[i].match(regex) )
            {
             console.log("Successful match");
             $('.page-title').css('bottom', '-100px');
            } else {
             console.log("No match");
            }
    }

问题是这个总是返回 false，似乎不只是得到 /blog 或 /category 我需要在有这两部分时放置 css在网址中，我认为这个正则表达式是错误的或缺少某些内容，有人可以帮忙吗？

Answer 1

此正则表达式验证数组中的字符串是否采用格式 xxxxx.yyyy/zzzzz。但他们都没有这样做。

此外...即使字符串采用预期格式，您也将传递所有有效的 URL，而不是仅传递您想要的 URL(博客和类别)。

请注意，您并未在任何地方验证实际 URL。

也许你想要的是这样的:

var url = window.location.href;
var paths = ['/blog','/category']

for (i = 0; i < paths.length; i++) {
    if (url.indexOf(paths[i]) > 0){
        console.log("Successful match");
        $('.page-title').css('bottom', '-100px');
    } else {
        console.log("No match");
    }
}