前言：什么是正则表达式

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法，以及 String 的 match、matchAll、replace、search 和 split 方法。本章介绍 JavaScript 正则表达式。

正则表达式，又称规则表达式,（Regular Expression，在代码中常简写为regex、regexp或RE），是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"），是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串，通常被用来检索、替换那些符合某个模式（规则）的文本。

先了解两个方法

一、创建正则表达式的两种方式

1. 使用一个正则表达式字面量，其由包含在斜杠之间的模式组成

const re = /ab+c/;

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

const re = new RegExp("ab+c");
const rp = new RegExp("ab+c", "g");

二、字符串匹配方法 

match()

match() 方法检索返回一个字符串匹配正则表达式的结果。

先上例子：

"abcd1234efg".math(/[0-9]+/)

返回结果为：

[
    0: "1234"
    groups: undefined
    index: 4
    input: "abcd1234efg"
]

加上g标志符

"abcd1234efg567".match(/[0-9]+/g)

返回结果为：

['1234', '567']

解析match()方法的返回值：

如果使用g修饰符，则将返回与完整正则表达式匹配的所有结果，但不会返回捕获组。 

如果未使用g修饰符，则仅返回第一个完整匹配及其相关的捕获组（Array）。 在这种情况下，返回的项目将具有如下所述的其他属性。

• groups: 一个捕获组数组 或 undefined（如果没有定义命名捕获组）

• index: 匹配的结果的开始位置 

• input: 搜索的字符串.

test()

test() 方法用于检测一个字符串是否匹配某个模式. 如果字符串中有匹配的值返回 true ，否则返回 false

一个例子：

const patrn = /Lenton/g
const str = 'Hello Lenton'
console.log(patrn.test(str))
// true

exec()

regexObj.exec(str) 在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null

• 如果匹配成功，exec() 方法返回一个数组（包含额外的属性 index 和 input ，参见下方表格），并更新正则表达式对象的 lastIndex 属性。

• 完全匹配成功的文本将作为返回数组的第一项，从第二项起，后续每项都对应正则表达式内捕获括号里匹配成功的文本。 

• 如果匹配失败，exec() 方法返回 null，并将 lastIndex 重置为 0 。

const regex1 = RegExp('foo*', 'g');
const str1 = 'table football, foosball';
let array1;

while ((array1 = regex1.exec(str1)) !== null) {
  console.log(`Found ${array1[0]}. Next starts at ${regex1.lastIndex}.`);
  // expected output: "Found foo. Next starts at 9."
  // expected output: "Found foo. Next starts at 19."
}

正则方法了解完了。还有String的几个方法也常用于正则：

match、matchAll、replace、search 和 split

下在开始正式了解正则语法！

三、正则表达式语法

各种运算符

• 普通字符

• 非打印字符  

• 特殊字符  

• 限定符  

• 定位符  

• 选择  

• 反向引用  

• 修饰符  

• 元字符  

普通字符

普通字符包括没有显式指定为元字符的所有可打印和不可打印字符。这包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号

非打印字符

非打印字符也可以是正则表达式的组成部分。下表列出了表示非打印字符的转义序列

匹配空格：

var rep = /\s/
rep.test('Hello Lenton')
// true

特殊字符

以lenton结尾

/lenton$/.test('Hello lenton')
//true
/lenton$/.test('Hello lenton guy')
//false

限定符

限定符用来指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。有 * 或 + 或 ? 或 {n} 或 {n,} 或 {n,m} 共6种

连续的3次a

/a{3}/.test('1aaa22bcd')
// true

定位符

能够将正则表达式固定到行首或行尾。它们还使您能够创建这样的正则表达式，这些正则表达式出现在一个单词内、在一个单词的开头或者一个单词的结尾。 

定位符用来描述字符串或单词的边界，^ 和 $ 分别指字符串的开始与结束，\b 描述单词的前或后边界，\B 表示非单词边界。

'Hello lenton'.match(/\ble/)
//['le', index: 6,...
'Hello lenton'.match(/\bton/)
// null

选择

用圆括号 () 将所有选择项括起来，相邻的选择项之间用 | 分隔。 

() 表示捕获分组，() 会把每个分组里的匹配的值保存起来， 多个匹配值可以通过数字 n 来查看(n 是一个数字，表示第 n 个捕获组的内容)。

修饰符

标记也称为修饰符，正则表达式的标记用于指定额外的匹配策略。标记不写在正则表达式里，标记位于表达式之外

/pattern/flags

元字符

下表包含了元字符的完整列表

四、正则实例

元字符实例

^匹配输入字符串的开始位置

以Hello开头

/^Hello/.test('Hello lenton')

$匹配输入字符串的结束位置

以lenton结尾

/lenton$/.test('Hello lenton')

* 匹配前面的子表达式零次或多次

是否包含字符l

/l*/.test('Hello lenton')

+匹配前面的子表达式一次或多次

'Hello lenton and lee'.match(/e+/g)

?匹配前面的子表达式零次或一次

'ZhaoLenton ZhaoTom Zh'.match(/Zh(ao)?/g)

{n}匹配确定的 n 次

字符串中包含连续的两个o

/o{2}/.test('footer')

{n,}匹配至少 n 次

字符串中包含至少两个连续的o

/o{2,}/.test('footer')

{n, m} 最少匹配 n 次且最多匹配 m 次

'footer boy goooogle'.match(/o{2,3}/g)
// ['oo', 'ooo']

?贪婪非贪婪

'Hello lentoon'.match(/o+/g)
// ['o', 'oo']
'Hello lentoon'.match(/o+?/g)
// ['o', 'o', 'o']

x|y 匹配 x 或 y

查找所有的o,g

'footer boy goooogle'.match(/o|g/g)
// ['o', 'o', 'o', 'g', 'o', 'o', 'o', 'o', 'g']

[xyz] 匹配所包含的任意一个字符

'footer boy goooogle'.match(/[ftg]/g)
// ['f', 't', 'g', 'g']

[^xyz] 匹配未包含的任意字符

'Lenton'.match(/[^en]/g)
// ['L', 't', 'o']

[a-z] 字符范围查找

以字母或数字开头

/^[a-zA-Z0-9]/.test('Hello lenton')

不以字母或数字开头

/^[^a-zA-Z0-9]/.test('_Hello_lenton')

综合常用实例

6到20位数字，字母，下划线组成的密码

/^[a-zA-Z0-9_]{6,20}$/.test('lenton_12345')

6位数字验证码

/^\d{6}$/.test('312345')

查找姓赵的

const strs = '赵大龙,张虎,赵东,李西'
const regs = /赵.{1,2},/g
let arr = []
while(arr = regs.exec(strs)) {
  console.log(arr)
}

未完待续...

参考资料：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions

https://www.runoob.com/regexp/regexp-syntax.html

https://blog.csdn.net/weixin_45844049/article/details/120592479