javascript - 为什么这个 javascript 非贪婪正则表达式没有匹配任何内容？

Question

有了下面的 url 和 js 正则表达式，我希望捕获 f2fJsDFJ23，但非贪婪部分 .*? 和 \?? 未按预期工作

理由是什么？

let t = 'https://www.youtube.com/embed/f2fJsDFJ23?autoplay=1'
let reg = /(?:embed\/)(.*?)(?:\??)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

reg = /(?:embed\/)(.*)(?:\??)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

reg = /(?:embed\/)(.*)(?:\?)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

t = 'https://www.youtube.com/embed/f2fJsDFJ23'
reg = /(?:embed\/)(.*?)(?:\??)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

reg = /(?:embed\/)(.*)(?:\??)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

reg = /(?:embed\/)(.*)(?:\?)/.exec(t)
document.write(`6>>> ${reg && reg.join(' | ')} <br/>`)

Answer 1

在您的模式中，(.*?) 部分是非贪婪的，放弃尽可能少。之后它将匹配一个可选的问号。由于问号是可选的，因此点非贪婪，因此该模式足以匹配 embed/only。

一种选择是匹配 ? 或使用 alternation 断言字符串 $ 的结尾.

请注意，您可以省略嵌入周围的非捕获组和问号。

embed\/(.*?)(?:\?|$)

Regex demo

<小时/>

另一种选择是使用否定字符类来匹配除 ? 或空白字符之外的任何字符:

embed\/([^?\s]*)

Regex demo