'|' 是什么意思（管道字符）在正则表达式中是什么意思？ [复制]答案

【问题标题】：What does the '|' (pipe character) mean in a regular expression? [duplicate]'|' 是什么意思（管道字符）在正则表达式中是什么意思？ [复制]
【发布时间】：2023-03-10 16:19:01
【问题描述】：

这个正则表达式来自JQuery，|表示or，但是包含哪两个部分可以选择呢？

/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/

是[^>]*$ | #([\w\-]*)$ 或 (<[\w\W]+>)[^>]*$ | #([\w\-]*)$) 还是别的什么？

【问题讨论】：

试试看regexper.com。

标签： javascript jquery regex

【解决方案1】：

是[^#<]*(<[\w\W]+>)[^>]*$ 和#([\w\-]*)$

Debuggex Demo

【讨论】：

【解决方案2】：

简单地说：x|y

匹配x 或y。

例如：/green|red/ 匹配 green apple 中的 green 和 red apple. 中的 red

See regular expression on mdn

【讨论】：

此答案已添加到Stack Overflow Regular Expression FAQ 的“其他”下。

【解决方案3】：

用缩进写成多行有助于：

^
(?:
  [^#<]*
  (
    <
    [\w\W]+
    >
  )
  [^>]*
  $
|
  #
  (
    [\w\-]*
  )
  $
)

你的第二个猜测是正确的。 | 的优先级低于串联（即一个接一个地写表达式）。

【讨论】：

【解决方案4】：

它是[^#<]*(<[\w\W]+>)[^>]*$ 或#([\w\-]*)$，并且都在一个非捕获组中。

/^(?:EXP)$)/ # EXP => A|B

/^(?:A|B)$)/ # A => [^#<]*(<[\w\W]+>)[^>]*$, B => #([\w\-]*)$

/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/

【讨论】：

为什么在这个正则表达式中需要非捕获组？