正则表达式
正则表达式是什么?有什么用?什么时候用?
1、正则表达式是对字符串操作的一种逻辑公式,也叫规则表达式
2、符合规则的就放行,不符合规则的就拒绝
3、在登录或注册或有表单,需要验证的时候用
一、创建正则表达式对象
(1)字面量方式
斜杠内的为规则,i为属性
//1、字面量
var reg = /Grayly/i;
var str1 = 'fndajkdfhiGraylyfasidjkhfgil';
var str2 = 'dasifhlbnluoahdfn';
console.log(reg.test(str1)); //true
console.log(reg.test(str2)); //false
(2)用构造函数的方式
var reg1 = new RegExp('Grayly', 'i'); //i 不区分大小写 g全局匹配 m多行匹配
var str3 = 'hsnajkfnagrayly';
console.log(reg1.test(str3));
(3)属性
- i:不区分字母大小写
- g:全局匹配
- m:多行匹配
(4)字符串替换:replace
var str4 = 'aaa, bbb , ccc, ddd, bbb';
var newStr = str4.replace(/bbb/g, 'grayly');
console.log(newStr);
二、常用匹配规则
1、元字符
(1)^:匹配字符串的开始
(2)$:匹配字符串的结尾
//1、匹配 ^开始 和 匹配$结尾
var reg = /^Grayly$/; //必须以G开头,y结尾,中间是rayl才通过
var str1 = 'Grayly';
console.log(reg.test(str1));
(3).:匹配任意字符
var reg2 = /b..k/;
var str3 = 'book';
console.log(reg2.test(str3));
(4)\w:数字、字母、下划线
//3、\w(数字、字母、下滑线中的一种)
var reg3 = /b\w\wk/;
var str5 = 'book';
console.log(reg3.test(str5));
(5)\s:任意空白字符
//4、\s空白字符var reg3 = /b\w\wk/;
var reg4 = /b\s\sk/;
var str7 = 'b k';
console.log(reg4.test(str7));
(6)\d:匹配数字,等同于[ 0 - 9]
//5、 \d 匹配数字
var reg5 = /b\d\dk/;
var str10 = b11k;
console.log(reg5.test(str10));
(7)\D:匹配非数字,等同于[ ^ 0 - 9]
// \d匹配数字 \D非数字
var reg = /\Dook/;
var str = '8ook';
(8)|:或匹配,取其中的任意一位
// | 或
var reg = /^1(3|4|5|6|7|8)\d\d\d\d\d\d\d\d\d$/;
var str1 = '18800000000';
var str2 = '12800000000'
(9)[ xy ]:表示方括号包含的x、y中的一个
// [abc] 代表一个字符,字符只能是abc中的一个
var reg = /^1[345678]\d\d\d\d\d\d\d\d\d$/;
var str1 = '18800000000'; //
var str2 = '12800000000'; //
2、特殊字符
(1)转义字符: \ ...
斜杠后面跟着的字符都会被消除自身语法
(2)[ ]:表达式
一个方括号代表一位字符,里面写范围
(3)[ ^ ]:非
在方括号内的^,表示为非,即取反
eg:[ ^xyz ]:除了xyz之外任意字符
3、重复匹配
(1)?:重复出现0次或1次
var reg = /^bo?k$/; // b开头,0个或者1个o,以k结尾
var str = 'bok';
(2)+:重复出现1次或多次
var reg = /^bo+k$/; // b开头,1个或多个o,k结尾
var str = 'bok';
var str = 'booooooooook';
(3)*:重复出现0次或多次
var reg = /^bo*k$/; //b开头,0个或多个o,k结尾
var str = 'booooooooook';
(4){ n }:重复出现n次
var reg = /^bo{2}k$/; // 匹配book 2个o
(5){ n, }:至少重复出现n次
var reg = /^bo{2,5}k$/; // 匹配book 2个o以上
(6){ n, m}:重复出现n到m次
var reg = /^bo{2,5}k$/; // 匹配book 2个o以上,5个o以下
4、分组
(1)用括号分组
\1:对第一个括号的重复,\2:对第二个括号的重复,以此类推
// 日期的匹配 2000-1-11 \1 对第一个括号的重复
var reg = /^\d{4} (\-|\.) \d{1,2} \1 \d{1,2}$/;
(2)分组的应用
应用
var reg = /(.*)(程序员)(.*)/;
var str = '我是web前端程序员,我来自深圳';
console.log(reg.test(str));
// 将程序员替换成攻城狮
var newStr = str.replace(reg, '$1攻城狮$3');
console.log(newStr);
替换手机号中间4位
//其中一个括号为一个$,有三个括号,按顺序分别为 $1、$2、$3
var phone = '15013795539';
var reg = /(\d{3})\d{4}(\d{4})/;
var newPhone = phone.replace(reg, '$1****$2');
console.log(newPhone);