javascript - 过滤路径数组的干净方法

Question

如何过滤以下数组

[ '/pageA/pageAA.html',
  '/pageB.html',
  '/pageC.html',
  '/pageC/',
  '/pageC/pageW/pageC.html',
  '/' ]

获取

[ '/pageA/pageAA.html',
  '/pageB.html',
  '/pageC/pageW/pageC.html' ]

规则是:

• 路径不以 / 结尾
• 路径不应与以 / 结尾的其他路径类似，例如:'/pageC/' 和 '/pageC.html' 相似

我已经完成了以下操作，但它不干净，也许有一个更干净的正则表达式或类似的方法

const routes = ['/pageA/pageAA.html',
  '/pageB.html',
  '/pageC.html',
  '/pageC/',
  '/pageC/pageW/pageC.html',
  '/'
]

const filterRoutes = routes => {
  var unWontedRoutes = []
  for (let i = 0; i < routes.length - 1; i++) {
    for (let j = i + 1; j < routes.length; j++) {
      if (Math.abs(routes[i].length - routes[j].length) == 4) {
        var a = routes[i].length < routes[j].length ? routes[j] : routes[i]
        var b = routes[i].length > routes[j].length ? routes[j] : routes[i]
        if (a.replace(b.slice(0, b.length - 1), '') === '.html') {
          unWontedRoutes.push(a)
        }
      }
    }
  }
  return unWontedRoutes
}

const unWontedRoutes = filterRoutes(routes)
const newRoutes = routes.filter(route => (!(unWontedRoutes.indexOf(route) > -1) && !route.endsWith('/')))

console.log(newRoutes)

Answer 1

您可以使用 filter() 和 some()

const routes = ['/pageA/pageAA.html',
  '/pageB.html',
  '/pageC.html',
  '/pageC/',
  '/pageC/pageW/pageC.html',
  '/'
]


const res = routes.filter(x => !x.endsWith('/') && !routes.some(a => a.endsWith('/') && x.split('.')[0] === a.replace(/\/$/,'')))

console.log(res)