专门为初学者编写的正则表达式入门教程
这是一篇翻译文章。我学过很多次正则表达式，总是学了忘，忘了学，一到用的时候还是只能靠搜索引擎。
这回看到这个正则教程，感觉非常惊喜。尝试翻译了一遍，译得不好，大家可以看原文，很容易理解。
原文地址：https://refrf.shreyasminocha.me/
1 介绍
正则表达式允许定义一种模式，并通过这种模式针对字符串执行对应的操作。与模式匹配的子字符串称为“匹配”。
正则表达式是定义搜索模式的一串字符。
正则表达式主要用在如下场景：
- 输入验证
- 查找替换操作
- 高级字符串操作
- 文件搜索或重命名
- 白名单和黑名单
正则表达式不太适合用在这些场景：
- XML 或 HTML 解析
- 完全匹配的日期
有许多实现正则匹配的引擎，每种都有自己的特性。这本书将避免讨论（不同引擎之间的）特性差异，而是只讨论在大多数情况下不同引擎都共有的特征。
整本书中的示例使用JavaScript。因此，这本书可能会稍微偏向 JavaScript 的正则引擎。
2 基础
正则表达式通常格式化为 /<rules>/<flags>，通常为了简洁而省略后面的 /<flags>。关于 flag 我们将在下一章详细讨论。
让我们从/p/g 这个正则表达式开始。现在，请将 /g flag 视为固定不变的。
/p/g
如我们所见，/p/g 匹配所有小写的 p 字符。
注意
默认情况下，正则表达式区分大小写。
在输入字符串中找到的正则表达式模式的实例称为“匹配”。
/pp/g
3 字符组
可以从一组字符中匹配一个字符。
/[aeiou]/g
[aeiou]/g 匹配输入字符串中的所有元音。
下面是另一个例子：
/p[aeiou]t/g
我们匹配一个 p，后跟一个元音，然后是一个 t。
有一个更直观的快捷方式，可以在一个连续的范围内匹配一个字符。
/[a-z]/g
警告
表达式
/[a-z]/g只匹配一个字符。在上面的示例中，每个字符都有一个单独的匹配项。不是整个字符串匹配。
我们也可以在正则表达式中组合范围和单个字符。
/[A-Za-z0-9_-]/g
我们的正则表达式 /[A-Za-z0-9_-]/g 匹配一个字符，该字符必须（至少）是以下字符之一：
A-Za-z0-9_或者-
我们也可以“否定”这些规则：
/[^aeiou]/g
/[aeiou]/g与 /[^aeiou]/g 之间的唯一区别是 ^ 紧跟在左括号之后。其目的是"否定"括号中定义的规则。它表示的意思是：
匹配任何不属于a、e、i、o和 u 的字符
3.1 例子
非法的用户名字符
/[^a-zA-Z_0-9-]/g
指定字符
/[A-HJ-NP-Za-kmnp-z2-9]/g
4 字符转义
字符转义是对某些通用字符类的简略表达方式。
4.1 数字字符 \d
转义符 \d 表示匹配数字字符 0-9。等同于 [0-9]。
/\d/g(这里请仔细看)
/\d\d/g
\D是\d 的反面，相当于[^0-9]。
/\D/g
4.2 单词字符 \w
转义符 \w 匹配单词字符。包括：
- 小写字母 a-z
- 大写字母 A-Z
- 数字 0-9
- 下划线 _
等价于 [a-zA-Z0-9_]
/\w/g
/\W/g
4.3 空白字符 \s
转义符 \s匹配空白字符。具体匹配的字符集取决于正则表达式引擎，但大多数至少包括：
- 空格
- tab 制表符
\t - 回车
\r - 换行符
\n - 换页
\f
其他还可能包括垂直制表符（\v）。Unicode自识别引擎通常匹配分隔符类别中的所有字符。然而，技术细节通常并不重要。
/\s/g
/\S/g(大写 s)
4.4 任意字符 .
虽然不是典型的字符转义。. 可以匹配任意1个字符。（除换行符 \n 以外，通过 dotall 修饰符，也可以匹配换行符 \n）
/./g
5 转义
在正则表达式中，有些字符有特殊的含义，我们将在这一章中进行探讨：
|{,}(,）[,]^,$+,*,"" data-height="242" data-width="421" src="/UploadFiles/2021-04-02/2020050823490718.png">/(paren)/g
/example\.com/g
/example.com/g
/A\+/g
/A+/g
/worth \$5/g
/worth $5/g
5.1 例子
JavaScript 内联注释
/\/\/.*
星号包围的子串
/*[^\*]*\*
第一个和最后一个星号是字面上的，所有他们要用
\*转义。字符集里面的星号不需要被转义，但为了清楚起见，我还是转义了它。紧跟在字符集后面的星号表示字符集的重复，我们将在后面的章节中对此进行探讨。6 组
顾名思义，组是用来“组合”正则表达式的组件的。这些组可用于：
- 提取匹配的子集
- 重复分组任意次数
- 参考先前匹配的子字符串
- 增强可读性
- 允许复杂的替换
这一章我们先学组如何工作，之后的章节还会有更多例子。
6.1 捕获组
捕获组用（…）表示。下面是一个解释性的例子：
/a(bcd)e/g
捕获组允许提取部分匹配项。
/\{([^{}]*)\}/g
通过语言的正则函数，您将能够提取括号之间匹配的文本。
捕获组还可以用于对正则表达式进行部分分组，以便于重复。虽然我们将在接下来的章节中详细介绍重复，但这里有一个示例演示了组的实用性。
/a(bcd)+e/g
其他时候，它们用于对正则表达式的逻辑相似部分进行分组，以提高可读性。
/(\d\d\d\d)-W(\d\d)/g
6.2 回溯
回溯允许引用之前捕获的子字符串。
匹配第一组可以使用
\1，匹配第二组可以使用\2，依此类推…/([abc])×\1×\1/g
不能使用回溯来减少正则表达式中的重复。它们指的是组的匹配，而不是模式。
/[abc][abc][abc]/g
/[abc]\1\1/g
下面是一个演示常见用例的示例：
/\w+([,|])\w+\1\w+/g
这不能通过重复的字符类来实现。
/\w+[,|]\w+[,|]\w+/g
6.3 非捕获组
非捕获组与捕获组非常相似，只是它们不创建“捕获”。而是采取形式 （"heading-16">6.4 例子
查询字符串参数
/^\"" data-height="227" data-width="510" src="/UploadFiles/2021-04-02/2020050823490937.png">我们单独匹配第一组键值对，因为这可以让我么使用 & 分隔符， 作为重复组的一部分。
(基础的) HTML 标签
根据经验，不要使用正则表达式来匹配 XML/HTML。不过，我还是提供相关的一个例子：
/<([a-z]+)+>(.*)<\/\1>/gi
姓名
查找：
\b(\w+) (\w+)\b替换：
在替换操作，经常使用 2；捕获使用
\1,\2替换之前
John Doe
Jane Doe
Sven Svensson
Janez Novak
Janez Kranjski
Tim Joe
替换之后
Doe, John
Doe, Jane
Svensson, Sven
Novak, Janez
Kranjski, Janez
Joe, Tim回溯和复数
查找:
\bword(s"word" are in their plural form: "words".
替换之后
This is a paragraph with some phrases.Yet, some are in their singular form: "phrase".7 重复
重复是一个强大而普遍的正则表达式特性。在正则表达式中有几种表示重复的方法。
7.1 可选项
我们可以使用 ？将某一部分设置成可选的（0或者1次）。
/a"" data-height="324" data-width="562" src="/UploadFiles/2021-04-02/2020050823491039.png">另一个例子：
/https"" data-height="278" data-width="522" src="/UploadFiles/2021-04-02/2020050823491040.png">我们还可以让捕获组和非捕获组编程可选的。
/url: (www\.)"" data-height="186" data-width="507" src="/UploadFiles/2021-04-02/2020050823491041.png">7.2 零次或者多次
如果我们希望匹配零个或多个标记，可以用 * 作为后缀。
/a*/g
我们的正则表达式甚至匹配一个空字符串。
7.3 一次或者多次
如果我们希望匹配 1 个或多个标记，可以用 + 作为后缀。
/a+/g
7.4 精确的 x 次
如果我们希望匹配特定的标记正好x次，我们可以添加{x}后缀。这在功能上等同于复制粘贴该标记 x 次。
/a{3}/g
下面是匹配大写的六个字符的十六进制颜色代码的例子。
/#[0-9A-F]{6}/g
这里，标记 {6} 应用于字符集 [0-9A-F]。
7.5 最小次和最大次之间
如果我们希望在最小次和最大次之间匹配一个特定标记，可以在这个标记后添加
{min,max}。/a{2,4}/g
警告
{min,max}中逗号后面不要有空格。7.6 最少 x 次
如果我们希望匹配一个特定的标记最少 x 次，可以在标记后添加 {x,}。 和 {min, max} 类似，只是没有上限了。
/a{2,}/g
7.7 贪婪模式的注意事项
正则表达式默认使用贪婪模式。在贪婪模式下，会尽可能多的匹配符合要求的字符。
/a*/g
/".*"/g
在**重复操作符（？，*，+，...）**后面添加
？，可以让匹配变“懒”。/".*"/g
在这里，这也可以通过使用
[^"]代替。（这是最好的做法）。/"[^"]*"/g
懒惰，意味着只要条件满足，就立即停止；但贪婪意味着只有条件不再满足才停止。
-Andrew S on StackOverflow
/<.+>/g
/<.+"" data-height="88" data-width="461" src="/UploadFiles/2021-04-02/2020050823491153.png">7.8 例子
比特币地址
/([13][a-km-zA-HJ-NP-Z0-9]{26,33})/g(思考： {26,33}？呢)
Youtube 视频
/("" data-height="285" data-width="528" src="/UploadFiles/2021-04-02/2020050823491155.png">我们可以使用锚点调整表达式不让它匹配最后一个不正确的链接，之后我们会接触到。
8 交替
交替允许匹配几个短语中的一个。这比仅限于单个字符的字符组更加强大。
使用管道符号
|把多个短语之间分开/foo|bar|baz/g
匹配 foo, bar, 和 baz 中的一个。
如果正则中只有一部分需要“交替”，可以使用组进行包裹，捕获组和非捕获组都可以。
/Try (foo|bar|baz)/g
Try 后面跟着 foo, bar, 和 baz 中的一个。
匹配 100-250 中间的数字：
/1\d\d|2[0-4]\d|250/g
这个可以使用 Regex Numeric Range Generator 工具生成。
例子
十六进制颜色
让我们改进一下之前十六进制颜色匹配的例子。
/#[0-9A-F]{6}|[0-9A-F]{3}
[0-9A-F]{6}要放在[0-9A-F]{3}的前面，这一点非常重要。否则：/#([0-9A-F]{3}|[0-9A-F]{6})/g
小提示
正则表达式引擎是从左边到右边的尝试交替的。
罗马数字
/^M{0,4}(CM|CD|D"" data-height="319" data-width="462" src="/UploadFiles/2021-04-02/2020050823491261.png">9 修饰符
修饰符允许我们把正则表达式分成不同的 "模式"。
修饰符是
/pattern/后面的部分。不同引擎支持不同的修饰符。在这里我们只讨论最常见修饰符。
9.1 全局修饰符（g)
到现在为止，所有的例子都设置了全局修饰符。如果不启用全局修饰符，正则表达式匹配第一个以后将不再匹配其他任何字符。
/[aeiou]/g
/[aeiou]/
9.2 不区分大小写修饰符（i)
顾名思义，启用这个修饰符会使正则在匹配时不区分大小写。
/#[0-9A-F]{6}/i
/#[0-9A-F]{6}/
/#[0-9A-Fa-f]{6}/
9.3 多行模式修饰符（m)
有限支持
在 Ruby 中，m 修饰符是执行其他的函数。
多行修饰符与正在在处理包含换行符的“多行”字符串时对锚点的处理有关。默认情况下，
/^foo$/只匹配 “foo”。我们可能希望它在多行字符串中的一行也能匹配 foo。
我们拿
"bar\nfoo\nbaz"举例子：bar foo baz如果没有 m 修饰符，上面的字符串会被当做单行
bar\nfoo\nbaz, 正则表达式^foo$匹配不到任何字符。如果有 m 修饰符，上面的字符串会被当做 3 行。
^foo$可以匹配到中间那一行。9.4 Dot-all修饰符 (s)
有限支持
ES2018 之前的 JavaScript 不支持这个修饰符。 Ruby 也不支持这个修饰，而是用 m 表示。
.通常匹配除换行符以外的任何字符。使用dot all修饰符后，它也可以匹配换行符。10 锚点
锚点本身不匹配任何东西。但是，他们会限制匹配出现的位置。
你可以把锚点当做是 "不可见的字符"。
10.1 行首
^在正则开始时插入
^号，使正则其余部分必须从字符串开始的地方匹配。你可以把它当成始终要在字符串开头匹配一个不可见的字符。/^p/g
10.2 行尾
在正则结尾时插入
$号, 类似于行首符。你可以把它当成始终要在字符串结尾匹配一个不可见的字符。/p$/g
^和$锚点经常一起使用，以确保正则和字符串整个匹配，而不仅仅是部分匹配。/^p$/g
让我们回顾一下重复中的一个例子，并在正则的末尾添加两个锚点。
/^https"" data-height="282" data-width="461" src="/UploadFiles/2021-04-02/2020050823491370.png">如果没有这 2 个锚点，
http/2和shttp也会被匹配。10.3 字边界
\b字边界是一个字符和非词字符之间的位置。
字边界锚点
\b，匹配字符和非词字符之间存在的假想不可见字符。/\bp/g
提示
字符包括
a-z,A-Z,0-9, 和_./\bp\b/g
/\bcat\b/g
还有一个非字边界锚
\B。顾名思义，它匹配除字边界之外的所有内容。
/\Bp/g
/\Bp\B/g
小提示
^…$和\b…\b是常见的模式，您几乎总是需要这 2 个防止意外匹配。10.4 例子
尾部空格
/\s+$/gm
markdown 标题
/^## /gm
没有锚点：
/## /gm
11 零宽断言（lookaround)
零宽断言可用于验证条件，而不匹配任何文本。
你只能看，不能动。
- 先行断言（lookhead)
- 正向
("heading-39">11.1 先行断言（lookhead)正向（positive)
/_("" data-height="176" data-width="463" src="/UploadFiles/2021-04-02/2020050823491479.png">注意后面的字符是如何不匹配的。可以通过正面前看得到证实。
/(.+)_("" data-height="327" data-width="467" src="/UploadFiles/2021-04-02/2020050823491480.png">正则引擎在
_使用了("" data-height="231" data-width="465" src="/UploadFiles/2021-04-02/2020050823491481.png">负向（Negative)
/_("" data-height="177" data-width="459" src="/UploadFiles/2021-04-02/2020050823491482.png">/^("" data-height="229" data-width="463" src="/UploadFiles/2021-04-02/2020050823491483.png">如果没有锚点，将匹配每个示例中没有#的部分。
负向的先行断言常常用于防止匹配特定短语。
/foo("" data-height="188" data-width="465" src="/UploadFiles/2021-04-02/2020050823491484.png">/---("" data-height="181" data-width="466" src="/UploadFiles/2021-04-02/2020050823491485.png">11.2 例子
密码验证
/^("" data-height="283" data-width="464" src="/UploadFiles/2021-04-02/2020050823491486.png">零宽断言可用于验证多个条件。
带引号的字符串
/(['"])("" data-height="280" data-width="468" src="/UploadFiles/2021-04-02/2020050823491487.png">如果没有先行断言，我们最多只能做到这样：
/(['"])[^'"]*\1/g
12 进阶例子
JavaScript 注释
/\/\*[\s\S]*"" data-height="120" data-width="460" src="/UploadFiles/2021-04-02/2020050823491589.png">[\s\S]是一种匹配任何字符（包括换行符）的技巧。我们避免使用dot-all 修饰符，因为我们需要使用.表示单行注释。24小时时间
/^([01]"" data-height="267" data-width="461" src="/UploadFiles/2021-04-02/2020050823491590.png">IP 地址
/\b("" data-height="374" data-width="464" src="/UploadFiles/2021-04-02/2020050823491591.png">元标签
/<Example source="(.*" flags="(.*">/gm
替换：
<Example regex={/$1/$2}>浮点数
-
可选符号
-
可选整数部分
-
可选小数部分
-
可选指数部分
-
/^([+-]"" data-height="735" data-width="463" src="/UploadFiles/2021-04-02/2020050823491593.png">正向的先行断言
("" data-height="445" data-width="467" src="/UploadFiles/2021-04-02/2020050823491594.png">百分比
/^("" data-height="426" data-width="460" src="/UploadFiles/2021-04-02/2020050823491595.png">HSL 和 百分比
/^hsl\(\s*0*("" data-height="198" data-width="464" src="/UploadFiles/2021-04-02/2020050823491596.png">13 下一步
如果你像进一步学习正则表达式及其工作原理：
- awesome-regex
regextag on StackOverflow- StackOverflow RegEx FAQ
- r/regex
- RexEgg
- Regular-Expressions.info
- Regex Crossword
- Regex Golf
谢谢阅读！添加微信：手边字节
- 正向
下一篇：layui 正则表达式验证使用实例详解