正则表达式的基础使用
约 1046 字大约 3 分钟
JavaScript正则表达式
2025-03-11
模糊匹配
横向匹配
一个正则可以匹配的字符串的 长度不固定，可以是多种情况
例如：{m,n}，表示连续出现的最少 m 次，最多 n 次。
/ab{2,5}c/表示匹配第一个字符是 a，接下来的 2 到 5 个字符是 b，最后是字符 c。
const regex = /ab{2,5}c/g;
const string = "abc abbc abbbc abbbbc abbbbbc";
console.log(string.match(regex));
// ["abbc", "abbbc", "abbbbc", "abbbbbc"]重要
g 表示全局匹配，否则只匹配第一个 在目标字符串中按照属性找到满足匹配模式的 所有字符串
纵向匹配
在匹配具体的某一位字符时，它可以不是某一个确定的字符，可以有多种肯可能
/abc/表示该字符是 a, b, c, 中的任何一个即可
const regex = /a[123]b/g;
const string = "a0b a1b a2b a3b a4b";
console.log(string.match(regex));
// (3) ["a1b", "a2b", "a3b"]字符组
[abc] // 表示匹配一个字符，可以是 a, b, c 其中之一范围表示法
[123456abcdefgHIGKLMN]
// 可以写成
[1-6a-gH-N]如果匹配 1, -, 6, 这三个字符其中一个需要写成：
[-16]
[61-]
[1\-6] // 使用转义排除
[^abc]表示某一位的字符可以是任何东西，除了 a, b, c.
简写形式
| 字符组 | 含义 |
|---|---|
| \d | [0-9] |
| \D | [^0-9] |
| \w | [0-9a-zA-Z_] 数字，大小写，下划线 |
| \W | [^0-9a-zA-Z_] |
| \s | [ \t\v\n\r\f] 空白符，空格，水平制表符，换行符，回车符，换页符 |
| \S | [^ \t\v\n\r\f] |
| . | [^\n\r\u2028\u2029] 通配符，表示几乎任意在字符 |
量词
| 量词 | 含义 |
|---|---|
{m,} | 表示最少出现 m 次 |
{m} | 表示出现 m 次 |
| ？ | 表示 出现 或者 不出现 |
| + | 表示最少出现一次 |
| * | 表示出现任意次数，包括 0 次 |
贪婪与惰性
let regex = /\d{2,5}/g;
let string = "123 1234 12345 123456 1234567";
console.log(string.match(regex));
// (6) ["123", "1234", "12345", "12345", "12345", "67"]上述正则表示数字连续出现 2 到 5 次。会匹配 2 位，3 位，4 位，5 位连续数字
其是贪婪模式，会尽可能匹配
比如给 6 个，要 5 个，给 3 个，要三个，在匹配范围内，越多越好
惰性匹配就是尽可能地少匹配
let regex = /\d{2,5}?/g;
let string = "123 1234 12345 123456 1234567";
console.log(string.match(regex));
// (11) ["12", "12", "34", "12", "34", "12", "34", "56", "12", "34", "56"]其中的/\d{2,5}?/表示，虽然2到5次都行，但是2个就够的时候就不要往下尝试了
所以，通过在量词后面加上一个问号?就能实现惰性匹配
| 惰性量词 | 贪婪量词 |
|---|---|
{m,n}? | {m,n} |
{m,}? | {m,} |
?? | ? |
+? | + |
*? | * |
重要
只需理解成在量词后面加上一个问号
多选分支
一个模式可以实现横向和纵向的模糊匹配，多选分支用于支持多个子模式其中之一
(p1|p2|p3)，其中p1,p2,p3就是子模式，使用|管道符分割，表示其中之一
比如匹配字符串student和teacher，可以使用/student|teacher/
let regex = /student|teacher/g;
let string = "student teacher person people home";
console.log(string.match(regex));
// (2) ["student", "teacher"]重要
使用/good|goodbye/去匹配goodbye的时候，结果是good
let regex = /good|goodbye/g;
let string = "goodbye";
console.log(string.match(regex));
// ["good"]/goodbye|good/ // 修改后,即可匹配到goodbye由此可见，分支结构是惰性的，即当前面的匹配上了，后面的就不再尝试了
案例
匹配16进制颜色值
#ffbbad
#Fc01DF
#FFF
#ffE使用字符组，[0-9a-fA-F]
其中字符可以出现3次或者6次，使用量词和分支结构
let regex = /#([0-9a-fA-F]{6})|[0-9a-fA-F]{3}/g;
let string = "#ffbbad #Fc01DF #FFF #ffE #fff #ABCDSFD";
console.log(string.match(regex));
// (6) ["#ffbbad", "#Fc01DF", "FFF", "ffE", "fff", "ABC"]
// 因为分支结构是惰性的，所以ABC也匹配到了匹配时间
13:47
8:30总共4位数字，第一位数字可以为[0-2]，即0,1,2
当第一位为2时，第二位可以为[0-3]，其他情况则为[0-9]
第三位数字为[0-5]，第四位为[0-9]