构建正则表达式有两种方式
1. 字面量创建,其由包含在斜杠之间的模式组成
const re = /\d+/g;
2. 调用`RegExp`对象的构造函数
const re = new RegExp("\\d+","g");
const rul = "\\d+"
const re1 = new RegExp(rul,"g");
二、匹配规则
| 规则 | 描述 | |
|---|---|---|
| \ | 转义 | |
| 匹配输入的开始 | ||
| $ | 匹配输入的结束 | |
| * | 匹配前一个表达式 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 | 匹配一个非单字字符 |
正则表达式标记
| 标志 | 描述 |
|---|---|
g | 全局搜索。 |
i | 不区分大小写搜索。 |
m | 多行搜索。 |
s | 允许 . 匹配换行符。 |
u | 使用unicode码的模式进行匹配。 |
y | 执行“粘性(sticky)”搜索,匹配从目标字符串的当前位置开始。 |
贪婪模式
const reg = /ab{1,3}c/ // abc, abbc, abbbc
const string = "12345";
const regx = /(\d{1,3})(\d{1,3})/;
console.log( string.match(reg) );
// => ["12345", "123", "45", index: 0, input: "12345"]
// 前面的`\d{1,3}`匹配的是"123",后面的`\d{1,3}`匹配的是"45"
懒惰模式
惰性量词就是在贪婪量词后面加个问号。表示尽可能少的匹配
var string = "12345";
var regex = /(\d{1,3}?)(\d{1,3})/;
console.log( string.match(regex) );
// => ["1234", "1", "234", index: 0, input: "12345"]
// 其中`\d{1,3}?`只匹配到一个字符"1",而后面的`\d{1,3}`匹配了"234"
分组
分组主要是用过()进行实现
beyond{3},是匹配d字母3次
(beyond){3}是匹配beyond三次
或
()内使用|达到或的效果
(abc | xxx)可以匹配abc或者xxx
反向引用,巧用$分组捕获
let str = "John Smith";
// 交换名字和姓氏
console.log(str.replace(/(john) (smith)/i, '$2, $1')) // Smith, John
三、匹配方法
-
字符串(str)方法:
match、matchAll、search、replace、split -
正则对象下(regexp)的方法:
test、exec
| 方法 | 描述 |
|---|---|
| exec | 一个在字符串中执行查找匹配的RegExp方法,它返回一个数组(未匹配到则返回 null)。 |
| test | 一个在字符串中测试是否匹配的RegExp方法,它返回 true 或 false。 |
| match | 一个在字符串中执行查找匹配的String方法,它返回一个数组,在未匹配到时会返回 null。 |
| matchAll | 一个在字符串中执行查找所有匹配的String方法,它返回一个迭代器(iterator)。 |
| search | 一个在字符串中测试匹配的String方法,它返回匹配到的位置索引,或者在失败时返回-1。 |
| replace | 一个在字符串中执行查找匹配的String方法,并且使用替换字符串替换掉匹配到的子字符串。 |
| split | 一个使用正则表达式或者一个固定字符串分隔一个字符串,并将分隔后的子字符串存储到数组中的 String 方法。 |
应用场景
验证QQ合法性(5~15位、全是数字、不以0开头):
const reg = /^[1-9][0-9]{4,14}$/
校验用户账号合法性(只能输入5-20个以字母开头、可带数字、“_”、“.”的字串):
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
const isvalid = patrn.exec(s)