javascript - 如何将正则表达式包含到字符串数组中？

Question

我正在编写一个根据 url 的最后部分返回 HTML class 的函数:

const currentPage = this.$route.path
const pinkPages = [ '/', '/forgot-pass', '/reset-pass' ]
if (pinkPages.indexOf(currentPage) > -1) return 'footer-pink'

它工作正常，问题是 /reset-pass 实际上末尾有更多字符。例如，/reset-pass/123。

如何才能使该函数在 URL 为 /reset-pass/1234 或 /reset-pass/abcd 时返回 footer-pink 或其他类似的模式？

Answer 1

也许您想使用正则表达式来尝试与当前页面匹配？

console.log(matchWith('/forgot-pass'));
console.log(matchWith('/reset-pass/'));
console.log(matchWith('/reset-pass/toto'));
console.log(matchWith('/another'));

function matchWith(page) {
  var regex = /(^\/$|\/forgot-pass$|\/reset-pass\/(.*))/
    if(page.match(regex))
      return true
    return false
}
// for your sample
if(matchWith(this.$route.path)) {
   return 'footer-pink';
}

看看这个笨蛋，也许这就是你的答案:https://plnkr.co/edit/sC5VCadDLlRJwH6rpB1T?p=preview