「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」。
一、正则表达式
1、概念：
正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。
2、正则的创建
- 字面量创建 /匹配的字符串/
// 双斜杠 --- 判断字符串中是否有字符能匹配 good
const reg1 = /good/ ;
- 实例化对象 new RegExp('匹配的字符串')
// regular expression 简写
// 实例化对象
const reg2 = new RegExp('good') ;
3、正则的修饰符
| 修饰符 | 作用 |
|---|
| i | ignore 忽略大小写 ; 将匹配设置为不区分大小写，搜索时不区分大小写: A 和 a 没有区别。 |
| g | global 全局匹配 ; 查找所有的匹配项。 |
| m | multi line - 多行匹配 ; 使边界字符 ^ 和 $ 匹配每一行的开头和结尾，记住是多行，而不是整个字符串的开头和结尾。 |
| s | 特殊字符圆点 . 中包含换行符 \n ; 默认情况下的圆点 . 是 匹配除换行符 \n 之外的任何字符，加上 s 修饰符之后, . 中包含换行符 \n。 |
栗子：
//全局匹配忽略大小写
const reg1 = /tmd/ig ;
*注：构造函数的第一个参数表示匹配的字符，第二个参数表示修饰符
const reg3 = new RegExp('tmd' , 'gi') ;
4、正则的方法
| 方法 | 作用 |
|---|
| test( ) | 测试字符串中是否有匹配正则的内容 ， 返回布尔值 ， 一般此正则不需要全局匹配 |
| exec( ) | 返回的是一个数组 --- 总是匹配一个 , 如果匹配不到就返回null |
测试：
const reg = /tmd/ig ;
const str = 'hello tmd t】tMd' ;
// test正则的方法 测试字符串中是否有匹配正则的内容 -- 布尔值 一般此正则不需要全局匹配
console.log(reg.test(str)); //输出 true
// 返回的是一个数组 --- 总是匹配一个 , 如果匹配不到就返回null
console.log(reg.exec(str)); //输出 ['tMd']
5、正则的语法
普通字符
| 字符 | 描述 |
|---|
| [ABC] | 匹配 [...] 中的所有字符 |
| [^ABC] | 匹配除了 [...] 中字符的所有字符 |
| [A-Z] | [A-Z] 表示一个区间，匹配所有大写字母，[a-z] 表示所有小写字母。空格也会被匹配 --- 一般正则不写空格 |
| . | 匹配除换行符（\n、\r）之外的任何单个字符，相等于 [^\n\r]。 |
非打印字符
| 字符 | 描述 |
|---|
| \cx | 匹配由x指明的控制字符。例如， \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。 |
| \f | 匹配一个换页符。等价于 \x0c 和 \cL。 |
| \n | 匹配一个换行符。等价于 \x0a 和 \cJ。 |
| \r | 匹配一个回车符。等价于 \x0d 和 \cM。 |
| \s | 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。 |
| \S | 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。 |
| \t | 匹配一个制表符。等价于 \x09 和 \cI。 |
| \v | 匹配一个垂直制表符。等价于 \x0b 和 \cK。 |
正则的元字符
| 字符 | 描述 |
|---|
| $ | 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 也匹配 '\n' 或 '\r'。要匹配 字符本身，请使用\ $。 |
| ( ) | 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符，请使用\ ( 和\ )。 |
| * | 匹配前面的子表达式零次或多次。要匹配 * 字符，请使用 \*。 |
| + | 匹配前面的子表达式一次或多次。要匹配 + 字符，请使用 \+。 |
| . | 匹配除换行符 \n 之外的任何单字符。要匹配 . ，请使用\ . 。 |
| [ | 标记一个中括号表达式的开始。要匹配 [，请使用 \[。 |
| ? | 匹配前面的子表达式零次或一次，或指明一个非贪婪限定符。要匹配 ? 字符，请使用\ ?。 |
| \ | 将下一个字符标记为或特殊字符、或原义字符、或向后引用、或八进制转义符。例如， 'n' 匹配字符 'n'。'\n' 匹配换行符。序列 '\\' 匹配 "\"，而 '\(' 则匹配 "("。 |
| 匹配输入字符串的开始位置，除非在方括号表达式中使用，当该符号在方括号表达式中使用时，表示不接受该方括号表达式中的字符集合。要匹配 ^ 字符本身，请使用 \^。 |
| { | 标记限定符表达式的开始。要匹配 {，请使用 \{。 |
| | | 指明两项之间的一个选择。要匹配 |，请使用 \ |。 |
| {n} | n 是一个非负整数。匹配确定的 n 次。例如，'o{2}' 不能匹配 "Bob" 中的 'o'，但是能匹配 "food" 中的两个 o。 |
| {n,} | n 是一个非负整数。至少匹配n 次。例如，'o{2,}' 不能匹配 "Bob" 中的 'o'，但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。 |
| {n,m} | m 和 n 均为非负整数，其中n <= m。最少匹配 n 次且最多匹配 m 次。例如，"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。 |
| x|y | 匹配 x 或 y。例如，'z|food' 能匹配 "z" 或 "food"。'(z|f)ood' 则匹配 "zood" 或 "food"。 |
| \b | 匹配一个单词边界，也就是指单词和空格间的位置。例如， 'er\b' 可以匹配"never" 中的 'er'，但不能匹配 "verb" 中的 'er'。 |
| \B | 匹配非单词边界。'er\B' 能匹配 "verb" 中的 'er'，但不能匹配 "never" 中的 'er'。 |
| \cx | 匹配由 x 指明的控制字符。例如， \cM 匹配一个 Control-M 或回车符。x 的值必须为 A-Z 或 a-z 之一。否则，将 c 视为一个原义的 'c' 字符。 |
| \d | 匹配一个数字字符。等价于 [0-9]。 |
| \D | 匹配一个非数字字符。等价于 [^0-9]。 |
| \f | 匹配一个换页符。等价于 \x0c 和 \cL。 |
| \n | 匹配一个换行符。等价于 \x0a 和 \cJ。 |
| \r | 匹配一个回车符。等价于 \x0d 和 \cM。 |
| \s | 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。 |
| \S | 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。 |
| \t | 匹配一个制表符。等价于 \x09 和 \cI。 |
| \v | 匹配一个垂直制表符。等价于 \x0b 和 \cK。 |
| \w | 匹配字母、数字、下划线。等价于'[A-Za-z0-9_]'。 |
| \W | 匹配非字母、数字、下划线。等价于 '[^A-Za-z0-9_]'。 |
| \xn | 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，'\x41' 匹配 "A"。'\x041' 则等价于 '\x04' & "1"。正则表达式中可以使用 ASCII 编码。 |
| \num | 匹配 num，其中 num 是一个正整数。对所获取的匹配的引用。例如，'(.)\1' 匹配两个连续的相同字符。 |
| \n | 标识一个八进制转义值或一个向后引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为向后引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。 |
| \nm | 标识一个八进制转义值或一个向后引用。如果 \nm 之前至少有 nm 个获得子表达式，则 nm 为向后引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的向后引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。 |
| \nml | 如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。 |
| \un | 匹配 n，其中 n 是一个用四个十六进制数字表示的 Unicode 字符。例如， \u00A9 匹配版权符号 (?)。 |
| 栗子： | |
// + ? * {} 匹配的次数，需要前面有匹配的东西
const reg4 = /\+/ ;
console.log(reg4.test('1+1')); //匹配到‘+’号 返回true
// 中文匹配
// [\u4e00-\u9fa5]
const reg = /^[\u4e00-\u9fa5]{3,6}$/ ;
console.log(reg.test('你好啊啊啊'));//3-6个中文字符，返回true
6、能接受正则的方法
| 方法 | 作用 |
|---|
| replace(要查找的,替换的) | 默认只会替换一次，因此需要正则 |
| search() | 一般和indexOf是一样的，但是search还可以接受正则 |
| match() | 找到满足条件的字符，默认只会找到第一个，全局匹配才能找到所有的，如果找不到就返回null |
| split() | 把字符串切割成数组，也可以接受正则的写法 |
