如何从 URL JavaScript 获取 slug

Question

例如，我有网址。

• https://example.com/about?hl=en#iron
• https://example.com/product/roller/?hl=en&lo=true
• https://example.com/learn/goin/?hl=en&lo=true#iron

我想把它们变成字符串。

'about'
'product'
'learn'

我试过了。顺便说一句，我使用Next.js。

import { useRouter } from 'next/router'

const { asPath } = useRouter()

const result = asPath.substring(1).split('?')[0].split('#')[0].split('/')[0]

但是有没有更好的方法来处理这些问题，例如使用RegEx或其他方法？

并且也期待得到喜欢。

'about' or ['about']
'product/roller' or ['product','roller']
'learn/goin' or ['learn','goin']

可能的？

Answer 1

创建一个URL对象，获取pathname并提取非斜杠

let slug = url => new URL(url).pathname.match(/[^\/]+/g)

console.log(slug('https://example.com/about?hl=en#iron'))
console.log(slug('https://example.com/product/roller/?hl=en&lo=true'))
console.log(slug('https://example.com/learn/goin/?hl=en&lo=true#iron'))

非正则表达式的方式是.pathname.split('/').filter(Boolean)