匹配范围

键盘可以输入数字，字母，特殊符号_. 正则表达式都可以匹配

书写要点

注意先写字符串，根据字符串写正则表达式,不要追求完美，先写出来然后再改

目的

网上搜的正则表达式能看懂，有问题会改

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、实践

• 手机号

1. 130 131 132 133 134 135 136 137 138 139 全号段
2. 143 147
3. 15全号段
4. 170 171 173 176 177
5. 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 = "123123@xx.com,fangfang@valuedopinions.cn 286669312@qq.com 2、emailenglish@emailenglish.englishtown.com 286669312@qq.com...";
//把里面所有的邮箱提取出来
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="shuaiyangtaishuaile@itcast.com.cn";
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]