【前端知识之JS】正则表达式的理解与使用

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍正则表达式的理解与使用，包括匹配规则、校验规则以及应用场景 。

---

一、正则表达式的创建

正则表达式用一种描述性的语言定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法的

1. 字面量创建

包含在斜杠之间的模式

const re = /d+/g;

2. 调用RegExp对象的构造函数

const re = new RegExp("\\d+","g");

const rul = "\\d+"
const re1 = new RegExp(rul,"g");
//第一个参数可以是一个变量，遇到特殊字符\需要使用\\进行转

二、匹配规则

1. 常用校验

规则	描述	规则	描述
\	转义	^	匹配输入的开始
$	匹配输入的结束	*	匹配前一个表达式 0 次或多次
+	匹配前面一个表达式 1 次或者多次。等价于 {1,}	?	匹配前面一个表达式 0 次或者 1 次。等价于{0,1}
.	默认匹配除换行符之外的任何单个字符	x(?=y)	匹配’x’仅仅当’x’后面跟着’y’。这种叫做先行断言
(?<=y)x	匹配’x’仅当’x’前面是’y’.这种叫做后行断言	x(?!y)	仅仅当’x’后面不跟着’y’时匹配’x’，这被称为正向否定查找
(?<!y)x	仅仅当’x’前面不是’y’时匹配’x’，这被称为反向否定查找	x|y	匹配‘x’或者‘y’
{n}	n 是一个正整数，匹配了前面一个字符刚好出现了 n 次	{n,}	n是一个正整数，匹配前一个字符至少出现了n次
{n,m}	n 和 m 都是整数。匹配前面的字符至少n次，最多m次	[xyz]	一个字符集合。匹配方括号中的任意字符
[^xyz]	匹配任何没有包含在方括号中的字符	\b	匹配一个词的边界，例如在字母和空格之间
\B	匹配一个非单词边界	\d	匹配一个数字
\D	匹配一个非数字字符	\f	匹配一个换页符
\n	匹配一个换行符	\r	匹配一个回车符
\s	匹配一个空白字符，包括空格、制表符、换页符和换行符	\S	匹配一个非空白字符
\w	匹配一个单字字符（字母、数字或者下划线）	\W	匹配一个非单字字符

2. 正则表达式标记

标志	描述	标志	描述
g	全局搜索	i	不区分大小写搜索
m	多行搜索	s	允许 . 匹配换行符
u	使用unicode码的模式进行匹配	y	执行“粘性(sticky)”搜索,匹配从目标字符串的当前位置开始。

3. 贪婪模式

即在匹配的过程中，尝试可能的顺序是从多往少的方向去尝试，首先尝试bbb，然后再看整个正则是否能匹配，不能时，吐出一个b，在bb的基础上，再继续尝试，以此重复。如果多个贪婪词挨着，则进行深度优先搜索。

const reg = /ab{1,3}c/

const string = "12345";
const regx = /(\d{1,3})(\d{1,3})/;
console