2024最全前端面试系列（正则表达式）（如何写出像大神一样让人看不懂的代码）(3)

| + | 匹配>=1个重复的+号前的字符 |

| ? | 标记?之前的字符为可选 |

| {n,m} | 匹配num个大括号之前的字符或字符集 (n <= num <= m) |

| (xyz) | 字符集，匹配与 xyz 完全相等的字符串 |

| | | 或运算符，匹配符号前或后的字符 |

| \ | 转义字符,用于匹配一些保留的字符 [ ] ( ) { } . * + ? ^ $ \ | |

| ^ | 从开始行开始匹配 |

| $ | 从末端开始匹配 |

点运算符.

.是元字符中最简单的例子。 .匹配任意单个字符，但不匹配换行符。 例如，表达式.ar匹配一个任意字符后面跟着是a和r的字符串。

“.ar” => The car parked in the garage.

字符集

字符集也叫做字符类。 方括号用来指定一个字符集。 在方括号中使用连字符来指定字符集的范围。 在方括号中的字符集不关心顺序。 例如，表达式[Tt]he 匹配 the 和 The。

“[Tt]he” => The car parked in the garage.

方括号的句号就表示句号。 表达式 ar[.] 匹配 ar.字符串

“ar[.]” => A garage is a good place to park a car.

否定字符集

一般来说 ^ 表示一个字符串的开头，但它用在一个方括号的开头的时候，它表示这个字符集是否定的。 例如，表达式[^c]ar 匹配一个后面跟着ar的除了c的任意字符。

“[^c]ar” => The car parked in the garage.

* 号

_号匹配 在_之前的字符出现大于等于0次。 例如，表达式 a* 匹配0或更多个以a开头的字符。表达式[a-z]* 匹配一个行中所有以小写字母开头的字符串。

“[a-z]*” => The car parked in the garage #21.

字符和.字符搭配可以匹配所有的字符.。 _和表示匹配空格的符号\s连起来用，如表达式\s_cat\s*匹配0或更多个空格开头和0或更多个空格结尾的cat字符串。

“\s*cat\s*” => The fat cat sat on the concatenation.

+ 号

+号匹配+号之前的字符出现 >=1 次。 例如表达式c.+t 匹配以首字母c开头以t结尾，中间跟着至少一个字符的字符串。

“c.+t” => The fat cat sat on the mat.

? 号

在正则表达式中元字符 ? 标记在符号前面的字符为可选，即出现 0 或 1 次。 例如，表达式 [T]?he 匹配字符串 he 和 The。

“[T]?he” => The car is parked in the garage.

{} 号

在正则表达式中 {} 是一个量词，常用来限定一个或一组字符可以重复出现的次数。 例如， 表达式 [0-9]{2,3} 匹配最少 2 位最多 3 位 0~9 的数字。

“[0-9]{2,3}” => The number was 9.9997 but we rounded it off to 10.0.

我们可以省略第二个参数。 例如，[0-9]{2,} 匹配至少两位 0~9 的数字。

“[0-9]{2,}” => The number was 9.9997 but we rounded it off to 10.0.

如果逗号也省略掉则表示重复固定的次数。 例如，[0-9]{3} 匹配3位数字

“[0-9]{3}” => The number was 9.9997 but we rounded it off to 10.0.

(…) 特征标群

特征标群是一组写在 (…) 中的子模式。(…) 中包含的内容将会被看成一个整体，和数学中小括号（ ）的作用相同。例如, 表达式 (ab)* 匹配连续出现 0 或更多个 ab。如果没有使用 (…) ，那么表达式 ab* 将匹配连续出现 0 或更多个 b 。再比如之前说的 {} 是用来表示前面一个字符出现指定次数。但如果在 {} 前加上特征标群 (…) 则表示整个标群内的字符重复 N 次。

我们还可以在 () 中用或字符 | 表示或。例如，(c|g|p)ar 匹配 car 或 gar 或 par.

“(c|g|p)ar” => The car is parked in the garage.

| 或运算符

或运算符就表示或，用作判断条件。

转码特殊字符

反斜线 \ 在表达式中用于转码紧跟其后的字符。用于指定 { } [ ] / \ + * . $ ^ | ? 这些特殊字符。如果想要匹配这些特殊字符则要在其前面加上反斜线 \。

例如 . 是用来匹配除换行符外的所有字符的。如果想要匹配句子中的 . 则要写成 . 以下这个例子 .?是选择性匹配.

“(f|c|m)at\.?” => The fat cat sat on the mat.

^ 号

^ 用来检查匹配的字符串是否在所匹配字符串的开头。

例如，在 abc 中使用表达式 ^a 会得到结果 a。但如果使用 ^b 将匹配不到任何结果。因为在字符串 abc 中并不是以 b 开头。

例如，^(T|t)he 匹配以 The 或 the 开头的字符串。

“^(T|t)he” => The car is parked in the garage.

$ 号

同理于 ^ 号，$ 号用来匹配字符是否是最后一个。

例如，(at.)$ 匹配以 at. 结尾的字符串。

“(at.)$” => The fat cat. sat. on the mat.

简写字符集

---

| 简写 | 描述 |

| — | — |

| . | 除换行符外的所有字符 |

| \w | 匹配所有字母数字，等同于 [a-zA-Z0-9_] |

| \W | 匹配所有非字母数字，即符号，等同于： [^\w] |

| \d | 匹配数字： [0-9] |

| \D | 匹配非数字： [^\d] |

| \s | 匹配所有空格字符，等同于： [\t\n\f\r\p{Z}] |

| \S | 匹配所有非空格字符： [^\s] |

| \f | 匹配一个换页符 |

| \n | 匹配一个换行符 |

| \r | 匹配一个回车符 |

| \t | 匹配一个制表符 |

| \v | 匹配一个垂直制表符 |

| \p | 匹配 CR/LF（等同于 \r\n），用来匹配 DOS 行终止符 |

零宽度断言（前后预查）

---

| 符号 | 描述 |

| — | — |

| ?= | 正先行断言-存在 |

| ?! | 负先行断言-排除 |

| ?<= | 正后发断言-存在 |

| ?<! | 负后发断言-排除 |

?=… 正先行断言

?=… 正先行断言，表示第一部分表达式之后必须跟着 ?=…定义的表达式。

返回结果只包含满足匹配条件的第一部分表达式。 定义一个正先行断言要使用 ()。在括号内部使用一个问号和等号： (?=…)。

正先行断言的内容写在括号中的等号后面。 例如，表达式 (T|t)he(?=\sfat) 匹配 The 和 the，在括号中我们又定义了正先行断言 (?=\sfat) ，即 The 和 the 后面紧跟着 (空格)fat。

“(T|t)he(?=\sfat)” => The fat cat sat on the mat.

?!.. 负先行断言

负先行断言 ?! 用于筛选所有匹配结果，筛选条件为 其后不跟随着断言中定义的格式。 正先行断言 定义和 负先行断言 一样，区别就是 = 替换成 ! 也就是 (?!..)。

表达式 (T|t)he(?!\sfat) 匹配 The 和 the，且其后不跟着 (空格)fat。

“(T|t)he(?!\sfat)” => The fat cat sat on the mat.

?<= … 正后发断言

正后发断言 记作(?<=…) 用于筛选所有匹配结果，筛选条件为 其前跟随着断言中定义的格式。 例如，表达式 (?<=(T|t)he\s)(fat|mat) 匹配 fat 和 mat，且其前跟着 The 或 the。

“(?<=(T|t)he\s)(fat|mat)” => The fat cat sat on the mat.

?<!.. 负后发断言

负后发断言 记作 (?<!..) 用于筛选所有匹配结果，筛选条件为 其前不跟随着断言中定义的格式。 例如，表达式 (?<!(T|t)he\s)(cat) 匹配 cat，且其前不跟着 The 或 the。

“(?<!(T|t)he\s)(cat)” => The cat sat on cat.

标志

---

| 标志 | 描述 |

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取

c=“https://img-blog.csdnimg.cn/img_convert/fd28e007b0b24ea44ff619ee5845e699.jpeg” />

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体获取

[外链图片转存中…(img-b61yofN6-1712391422168)]

[外链图片转存中…(img-unft54LY-1712391422168)]

[外链图片转存中…(img-T3iLUUrR-1712391422168)]

[外链图片转存中…(img-2WvVpvhA-1712391422169)]