7.数量词
字符 | 含义 |
* | >=0次 |
+ | ≥1 次 |
? | 0或1次 |
{n} | n 次 |
{n,} | ≥n 次 |
{n,m} | n到m 次 |
7.1 X* 匹配前面的模式 x -> 0 或多次。等价于{0,}
// * 允许出现0次或多次 var reg = new RegExp(/^a*$/); console.log(reg.test("a")); // true console.log(reg.test("")); // true
7.2 X+ 匹配前面的模式 x -> 1 或多次。等价于 {1,}。
// + 允许出现1次或多次 var reg2 = new RegExp(/^a+$/); console.log(reg2.test("a")); // true console.log(reg2.test("")); // false
7.3 X? 匹配前面的模式 x -> 0 或 1 次。等价于{0,1}
// ? 只允许a出现1次或0次 var reg3 = new RegExp(/^a?$/); console.log(reg3.test("a")); // true console.log(reg3.test("")); // true console.log(reg3.test("aaa")); // false
7.4 X{n} n为非负整数。前面的模式 x 重复出现 n 次时匹配
// {3} 允许重复3次 var reg4 = new RegExp(/^a{3}$/); console.log(reg4.test("a")); // false console.log(reg4.test("")); // false console.log(reg4.test("aaa")); // true console.log(reg4.test("aaaa")); // false
7.5 X{n,} n为非负整数。前面的模式 x 重复出现至少 n 次时匹配。
// {3,} 允许重复出现3次或3次以上多次 var reg5 = new RegExp(/^a{3,}$/); console.log(reg5.test("a")); // false console.log(reg5.test("")); // false console.log(reg5.test("aaa")); // true console.log(reg5.test("aaaa")); // true
7.6 X{n,m} n和m为非负整数。前面的模式 x 重复出现至少 n 次,至多 m 次时匹配。
// {3,6} 允许重复出现3次-6次之间,也就是>=3且<=6 var reg6 = new RegExp(/^a{3,6}$/); console.log(reg6.test("a")); // false console.log(reg6.test("aaaa")); // true console.log(reg6.test("aaaaaa")); // true console.log(reg6.test("aaaaaaa")); // false
7.7 案例
7.7.1 匹配QQ号
// 不能以数字0开始,只能由数字组成,长度为5-11位 var reg = /^[1-9]\d{4,10}$/; var str1 = "12311111111"; var result1 = reg.exec(str1); console.log(result1);
7.7.2 匹配身份证号
// 不能以数字0开头,只能由数字组成,最后一位可能是x,X,数字 var reg = /^[1-9]\d{16}[xX\d]$/; var str = "456337189654326541"; var result = reg.exec(str); console.log(result);
7.7.3 重复方式
1)贪婪模式:尽可能多的匹配(首先取最多可匹配的数量为一组进行匹配),当匹配剩余的字符串,还会继续尝试新的匹配,直到匹配不到为止,为默认模式。
// 对字符串"123456789",匹配其中的数字3-6次:\d{3,6},先匹配数字出现6次的字符串(123456),然后再从剩余字符串(789)中匹配出现数字3次的情况,剩余字符若没有出现数字3次则停止匹配. var str = "123456789"; var reg = /\d{3,6}/g; console.log(reg.exec(str)); //[ '123456', index: 0, input: '12345678', groups: undefined ] console.log(reg.exec(str)); // [ '789', index: 6, input: '123456789', groups: undefined ] console.log(reg.exec(str)); // null
2)非贪婪模式:尽可能少的匹配(每次取最少匹配的数量为一组进行匹配),直到匹配不到为止
使用方法:在量词后加上 ?
// 对字符串"123456789",匹配其中的数字3-6次:\d{3,6},先匹配数字出现3次的字符串(123),然后再从剩余字符串(456789)中匹配出现数字3次的情况,剩余字符若没有出现数字3次则停止匹配. var str = "123456789"; var reg = /\d{3,6}?/g; console.log(reg.exec(str)); //[ '123', index: 0, input: '123456789', groups: undefined ] console.log(reg.exec(str)); // [ '456', index: 3, input: '123456789', groups: undefined ] console.log(reg.exec(str)); // [ '789', index: 6, input: '123456789', groups: undefined ]
8.选择,分组,引用
8.1 选择
字符"|"用于分隔供选择的字符,选择项的尝试匹配次序是从左到右,直到发现了匹配项,如果左边的选择项匹配,就忽略右边的匹配项,即使它可以产生更好的匹配。
var reg = /html|css|js/ console.log(reg.exec('qweqwehtmlcss')); // html
8.2 分组
下面的正则表达式可以匹配’briupbriupbriup’
/briupbriupbriup/
而另一种更优雅的写法是:
/(briup){3}/
这里有圆括号包裹的一个小整体成为分组。
8.2.1 候选
一个分组中,可以有多个候选表达式,用 | 分隔:
var reg = /I Like (basketball|football|table tennis)/ console.log(reg.test('I Like basketball')); //true console.log(reg.test('I Like football')); //true console.log(reg.test('I Like table tennis')); //true
8.2.2 捕获与引用
被正则表达式匹配(捕获)到的字符串会被暂存起来。其中,由分组捕获的串会从1开始编号,于是我们可以引用这些串:
var reg = /(\d{4})-(\d{2})-(\d{2})/ var date = '2021-08-29' reg.test(date) // 捕获之前要先test/exec console.log(RegExp.$1); //2021 console.log(RegExp.$2); //08 console.log(RegExp.$3); //29
$1引用了第一个被捕获的串,$2是第二个,依次类推。
8.2.3 嵌套分组的捕获
如果碰到类似/((apple) is (a (fruit)))/的嵌套分组,捕获的顺序是什么?
var reg = /((apple) is (a (fruit)))/ var str = "apple is a fruit" reg.test(str) // true RegExp.$1 // apple is a fruit RegExp.$2 // apple RegExp.$3 // a fruit RegExp.$4 // fruit
规则是以左括号出现的顺序进行捕获。
8.3 引用
正则表达式里也能进行引用,这称为反向引用:
var reg = /(\w{3}) is \1/ console.log(reg.test('kid is kid')); // true console.log(reg.test('dik is dik')); // true console.log(reg.test('kid is dik')); // false console.log(reg.test('dik is kid')); // false
\1引用了第一个被分组所捕获的串,换言之,表达式是动态决定的。
注意,如果编号越界了,则会被当成普通的表达式
var reg = /(\w{3}) is \6/; reg.test( 'kid is kid' ); // false reg.test( 'kid is \6' ); // true
9.String对正则表达式的支持
9.1 search
查找字符串中是否有匹配正则的字符串,有则返回字符串第一次出现时的位置,无则返回null
正则中无论是否有全局匹配都不会影响返回结果
var str = 'hello world hello'; var reg = /hello/; var reg2 = /hello/g; console.log(str.search(reg)); //返回 0 console.log(str.search(reg2));//返回 0
9.2 match
匹配字符串中符合正则表达式的字符串,并返回该字符串的一个数组,其中包括字符串内容、位置
如果正则设置全局匹配,则一次性返回所有符合正则表达式的字符串数组
如果其中添加了分组,返回符合要求的字符串以及分组的一个数组,但如果同时开启全局匹配则不会在数组中添加分组内容
var str = 'hello world hello'; var reg1 = /hello/; var reg2 = /hello/g; var reg3 = /(he)llo/; var reg4 = /(he)llo/g; // 匹配字符串中符合正则表达式的字符串,并返回该字符串的一个数组,其中包括字符串内容、位置 // [ 'hello', index: 0, input: 'hello world hello', groups: undefined ] console.log(str.match(reg1)); // 如果正则设置全局匹配,则一次性返回所有符合正则表达式的字符串数组 // [ 'hello', 'hello' ] console.log(str.match(reg2)); // 如果其中添加了分组,返回符合要求的字符串以及分组的一个数组 // [ // 'hello', // 'he', // index: 0, // input: 'hello world hello', // groups: undefined // ] console.log(str.match(reg3)); // 如果同时开启全局匹配则不会在数组中添加分组内容 // [ 'hello', 'hello' ] console.log(str.match(reg4));
9.3 split
// 以某种形式分割字符串 split() var str = "terry134briup156lisi12zhangsan"; // 当数字出现一次或多次时 var reg = /\d+/; var result = str.split(reg); console.log(result); // [ 'terry', 'briup', 'lisi', 'zhangsan' ]
9.4 replace
// 满足正则表达式条件的内容将被替换 var str = 'javascript' // 如果开启全局模式 则替换所有满足条件的字符 var reg = /javascript/; // replace(正则表达式, 要替换的内容) var result = str.replace(reg, 'java'); console.log(result); //java console.log(str); //javascript
10.前瞻表达式
在正则表达式当中有个东西叫做前瞻,有的管它叫零宽断言:
表达式 | 名称 | 描述 |
(?=exp) | 正向前瞻 | 匹配后面满足表达式exp的位置 |
(?!exp) | 负向前瞻 | 匹配后面不满足表达式exp的位置 |
由于 JS 原生不支持后瞻,所以这里就不研究它了。我们来看看前瞻的作用:
var str = 'Hello, Hi, I am Hilary.'; // 后面一定要匹配什么 var reg = /H(?=i)/g; var newStr = str.replace(reg, "T"); console.log(newStr);//Hello, Ti, I am Tilary.
在这个DEMO中我们可以看出正向前瞻的作用,同样是字符"H",但是只匹配"H"后面紧跟"i"的"H"。就相当于有一家公司reg,这时候有多名"H"人员前来应聘,但是reg公司提出了一个硬条件是必须掌握"i"这项技能,所以"Hello"就自然的被淘汰掉了。
那么负向前瞻呢?道理是相同的:
var str = 'Hello, Hi, I am Hilary.'; // 后面一定不要匹配什么 var reg = /H(?!i)/g; var newStr = str.replace(reg, "T"); console.log(newStr);//Tello, Hi, I am Hilary.
在这个DEMO中,我们把之前的正向前瞻换成了负向前瞻。这个正则的意思就是,匹配"H",且后面不能跟着一个"i"。这时候"Hello"就可以成功的应聘了,因为reg公司修改了他们的招聘条件,他们说"i"这门技术会有损公司的企业文化,所以我们不要了。
11. 小练习
11.1.验证是否为11位有效手机号码?
- 以1为开头
- 第二位为3,4,5,7,8中的任意一位
- 最后以0-9的9个整数结尾
11.2.密码验证
匹配密码,必须包含大写,小写和数字,和特殊字符(!,@,#,%,&),且大于6位