匹配范围
键盘可以输入数字，字母，特殊符号_. 正则表达式都可以匹配
书写要点
注意先写字符串，根据字符串写正则表达式,不要追求完美，先写出来然后再改
目的
网上搜的正则表达式能看懂，有问题会改
1、基础
元字符：
- . 表示除了\n以外的任意一个字符
- [] 表示的：范围，[0-9]表示是0到9之间的任意一个数字
[1][0-9][0-9] //100到200之间的数字
[0-9] //表示所有数字中任意一个
[a-z] //表示所有小写字母中任意一个
[A-Z] //表示所有大写字母中任意一个
[a-zA-Z] //表示所有字母中任意一个
[0-9a-zA-Z] //表示所有数字或字母中任意一个
[] 另一个含义:把正则表达式中的元字符的意义干掉 [.] 就代表一个点
| 或者 [0-9]|[a-z] 要么是一个数字，要么是一个小写的字母
() 分组、提升优先级
([0-9])([1-5])([a-z]) 三组
(()(())) 三组，只看有几个左括号
限定符：
* 表示前面的表达式出现了0次到多次
[a-z][0-9]* 前面代表一个小写字母，后面表示要么没有数字，要么多个数字 //例： "dajaja2233838" 匹配到a2233838
+ 表示前面表达式出现了一次到多次
[a-z][9]+ 小写字母一个+后面最少一个9 //例： "shsdd9sdjjd" //d9
? 表示前面表达式出现了0次到1次
[4][a-z]? //"372734aas" 匹配到4a
另一个含义是阻止贪婪模式 假如正则表达式可以匹配好多组数据 ?代表找到一个就停止
限定符2：
{} 更加明确前面表达式出现的次数
{0,} //表示前面的表达式出现了0次到多次 跟*一样
{1,} //表示前面的表达式出现了1次到多次 跟+一样
{0,1} //表示前面的表达式出现了0次到1次 跟?一样
{5,10} //表示前面的表达式出现了5次到10次
{4} //表示前面的表达式出现了4次
{,10} //不合法,不允许这么写
^ 表示以什么开始，或者是取非
^[0-9] 以数字开头
^[a-z] 以小写字母开头
[^0-9] 放在里面表示取反，表示非数字
[^0-9a-zA-Z_] 表示匹配特殊符号
$ 表示以什么结束
[a-z]$ 表示必须以小写字母结尾
^[0-9][a-z]$ 必须是一个数字一个小写字母 "9z"
/d //表示数字中的任意一个
/D //表示非数字
/s //表示空白符中的一个
/S //非空白符
/w //匹配包括下划线在内的任何正常字符 类似但不等价于 [a-zA-Z0-9_]
/W //特殊符号 等价于[^a-zA-Z0-9_]
/ //表示下一个字符是特殊的，不能从字面上解释 如\n
2、实践
- 手机号
- 130 131 132 133 134 135 136 137 138 139 全号段
- 143 147
- 15全号段
- 170 171 173 176 177
- 18全号段
([1][358][0-9]{8})|([1][4][37][0-9]{8})|([1][7][01367][0-9]{8})
- 身份证号
const num = '34240119930202226x';
const num1 = '274123123131112';
const re = new RegExp(/(^[1-9]([0-9]{14})([0-9]{2})([0-9xX])?$)/);
const arrSplit = num.match(re);
console.log('arrSplit',arrSplit);
输出：
0: "34240119930202226x"
1: "34240119930202226x"
2: "42401199302022" //从这个地方开始为第一组分组
3: "26"
4: "x"
groups: undefined
index: 0
input: "34240119930202226x"
length: 5
- 邮箱
[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}
\w+@\w+(.\w+)? //意义同上
- 中文
escape('测试') //%u6D4B%u8BD5
unescape('%u6D4B%u8BD5') //测试
/^[\u4e00-\u9fa5]{2,6}$/ //2到6个汉字
3、JS的RegExp对象使用
- 构造函数
var reg = new RegExp(/\d{5}/)
var reg1 = new RegExp("\\d{5}") //写在字符串中要加转义
var str = '我的电话号码是10086'
console.log('result',reg1.test(str))
- 字面量
const result1 = /\d{5}/.test('我的电话号码是10086')
console.log('result',result1)
- 提取数字
var str="中国移动:10086,中国联通:10010,中国电信:10000";
//把里面所有的数字全部显示出来
var array=str.match(/\d{5}/g);
console.log(array); //["10086", "10010", "10000"]
- 提取邮箱
var str = "[email protected],[email protected] [email protected] 2、[email protected] [email protected]...";
//把里面所有的邮箱提取出来
var array = str.match(/\w+@\w+(.\w+)?/g);
console.log(array);
- 提取日期
var str = '2020-11-12';
const array = str.match(/(\d{4})-(\d{2})-(\d{2})/)
console.log('array',array)
//0: "2020-11-12"
//1: "2020"
//2: "11"
//3: "12"
- 提取邮箱信息
var email="[email protected]";
email.match(/([0-9a-zA-Z_.-]+)[@]([0-9a-zA-Z_-]+)(([.][a-zA-Z]+){1,2})/);
console.log(RegExp.$1); //shuaiyangtaishuaile
console.log(RegExp.$2); //itcast
console.log(RegExp.$3); //.com.cn
- 去除空格
var str=" 哦买噶的 ,太幸福了 ";
str=str.trim();
console.log("==="+str+"===");//===哦买噶的 ,太幸福了===
const str1 = str.replace(/\s/g,"");
console.log("==="+str1+"===");//===哦买噶的,太幸福了===
- 分次执行
//正则表达式对象.exec方法传入字符串
var str = "中国移动:10086,中国联通:10010,中国电信:10000";
var reg = /\d{5}/g;
var result=reg.exec(str);
while(result!=null){
console.log(result);
result=reg.exec(str);
}
//输出：
["10086", index: 5, input: "中国移动:10086,中国联通:10010,中国电信:10000", groups: undefined]
["10010", index: 16, input: "中国移动:10086,中国联通:10010,中国电信:10000", groups: undefined]
["10000", index: 27, input: "中国移动:10086,中国联通:10010,中国电信:10000", groups: undefined]