javascript - 关于正则的一个小问题？

Question

关于正则的一个小问题
/#\/((\w)+)/.exec("/a-web/#/abc?")
返回值是
 ['#/abc', 'abc', 'c', index: 7, input: '/a-web/#/abc?', groups: undefined]

数组第二项是匹配项(\w+) 返回 'abc'
数组的第三项 返回值 'c'怎么理解啊

没啥尝试

Answer 1

第一项是整个正则表达式所匹配到的文本

#\/((\w)+) -> #/abc

之后的每一项依次是正则表达式的分组

((\w)+) -> abc

(\w) -> c

Answer 2

机器人回答的很机智，我只能点个赞了

Answer 3

在正则表达式中，当你使用括号（无论是捕获组还是非捕获组）时，它们会捕获匹配到的内容。在你的正则表达式 /#\/((\w)+)/ 中，存在两个层次的括号：

1. 外层括号 ((\w)+)：这是一个捕获组，它捕获整个 \w+ 匹配到的内容。\w+ 匹配一个或多个单词字符（字母、数字或下划线）。
2. 内层括号 (\w)：虽然这个括号在技术上是一个捕获组，但由于它紧跟在 + 量化符之后，它的行为可能与你预期的不同。在正则表达式中，+ 量化符作用于其前面的元素（这里是 \w），意味着它会尝试匹配一个或多个 \w。然而，由于内层括号的存在，+ 实际上是在说“匹配一个或多个 \w，但每次只捕获最后一个 \w”。这是因为正则引擎在尝试匹配多个 \w 时，会不断更新这个内层捕获组的内容，直到 \w+ 匹配完成，此时内层捕获组只保留最后一次匹配的内容。

在你的例子中，/#\/((\w)+)/ 匹配字符串 "/a-web/#/abc?" 中的 #/abc 部分。

• 外层捕获组 ((\w)+) 捕获了整个 abc，因为它匹配了 \w+（即一个或多个单词字符）。
• 内层捕获组 (\w) 在匹配过程中不断更新其内容，但只保留最后一次匹配的内容，即 c。

因此，当你使用 .exec() 方法时，返回的数组包含：

• 第一个元素是整个匹配项 #/abc。
• 第二个元素是外层捕获组匹配的内容 abc。
• 第三个元素是内层捕获组匹配的内容 c，这是因为在 \w+ 匹配 abc 的过程中，内层捕获组只保留了最后一次匹配的内容。

如果你不希望出现这种情况，可以移除内层的括号，只保留外层的捕获组，即使用正则表达式 /#\/(\w+)/。这样，你就只会得到一个捕获组，它捕获整个 \w+ 匹配到的内容。