regular expression：RegExp
正则表达式可以使用 test() 作为验证，也可以使用 match() , exec() 作为捕获
let str = "good good study , day day up！"; let reg = /\d+/; // 检验是否有数字 reg.test(str); //=>false str = "2019-10-01"; reg.exec(str); //=>["2019",index:0,inputs:"原始字符串"]
1.编写正则表达式
创建的方式有两种：
//=>字面量创建方式（两个斜杠之间包起来的，都是用来描述规则的元字符） let reg1 = /\d+/; //=>构造函数模式创建 两个参数：元字符字符串，修饰符字符串 let reg2 = new RegExp("\\d+");
正则表达式由两部分组成，元字符 和 修饰符
元字符：
量词元字符：设置出现的次数
* //零到多次 + //一到多次 ? //零次或者一次 {n} //出现n次 {n,} //出现n到多次 {n,m} //出现n到m次
特殊元字符：单个或者组合在一起代表特殊的含义
\ //转义字符（普通->特殊->普通） . //除\n（换行符）以外的任意字符 ^ //以哪一个元字符作为开始 $ //以哪一个元字符作为结束 \n //换行符 \d //0~9之间的一个数字 \D //非0~9之间的一个数字 （大写和小写的意思是相反的） \w //数字、字母、下划线中的任意一个字符 \s //一个空白字符（包含空格、制表符、换页符等） \t //一个制表符（一个TAB键：四个空格） \b //匹配一个单词的边界 x|y //x或者y中的一个字符 [xyz] //x或者y或者z中的一个字符 [^xy] //除了x/y以外的任意字符 [a-z] //指定a-z这个范围中的任意字符 [0-9a-zA-Z_]===\w [^a-z] //上一个的取反“非” () //正则中的分组符号 (?:) //只匹配不捕获 (?=) //正向预查 (?!) //负向预查
普通元字符：代表本身含义的
/hello/ //此正则匹配的就是 "hello"
二、修饰符:
/*正则表达式常用的修饰符：i-m-g*/ i =>ignoreCase //忽略单词大小写匹配 m =>multiline //可以进行多行匹配 g =>global //全局匹配 /A/.test('lalala') =>false /A/i.test('lalala') =>true
元字符的详细应用
^ $
let reg = /^\d/; console.log(reg.test("hello")); //=>false console.log(reg.test("2019hello"));//=>true console.log(reg.test("hello2019"));//=>false let reg = /\d$/; console.log(reg.test("hello")); //=>false console.log(reg.test("2019hello"));//=>false console.log(reg.test("hello2019"));//=>true //=>^/$两个都不加：字符串中包含符合规则的内容即可 let reg1 = /\d+/; //=>^/$两个都加：字符串只能是和规则一致的内容 let reg2 = /^\d+$/; //=>举个例子：验证手机号码（11位，第一个数字是1即可） let reg = /^1\d{10}$/;
\
let reg = /^2.3$/; console.log(reg.test("2.3")); //=>true console.log(reg.test("2@3")); //=>true console.log(reg.test("23")); //=>false //=>基于转义字符，让其只能代表小数点 reg = /^2\.3$/; console.log(reg.test("2.3")); //=>true console.log(reg.test("2@3")); //=>false let str = "\\d"; reg = /^\d$/; //=>\d代表0-9的数字 console.log(reg.test(str)); //=>false reg = /^\\d$/; //=>把特殊符合转换为普通的 console.log(reg.test(str)); //=>true
x|y
let reg = /^18|29$/; console.log(reg.test("18")); //=>true console.log(reg.test("29")); //=>true console.log(reg.test("129")); //=>true console.log(reg.test("189")); //=>true console.log(reg.test("1829")); //=>true console.log(reg.test("829")); //=>true console.log(reg.test("182")); //=>true //---直接x|y会存在很乱的优先级问题，一般我们写的时候都伴随着小括号进行分组，因为小括号改变处理的优先级 =>小括号：分组 reg = /^(18|29)$/; console.log(reg.test("18")); //=>true console.log(reg.test("29")); //=>true console.log(reg.test("129")); //=>false console.log(reg.test("189")); //=>false //=>只能是18或者29中的一个了
//1.中括号中出现的字符一般都代表本身的含义 let reg = /^[@+]$/; console.log(reg.test("@")); //=>true console.log(reg.test("+")); //=>true console.log(reg.test("@@")); //=>false console.log(reg.test("@+")); //=>false reg = /^[\d]$/; //=>\d在中括号中还是0-9 console.log(reg.test("d"));//=>false console.log(reg.test("\\"));//=>false console.log(reg.test("9"));//=>true //2.中括号中不存在多位数 reg = /^[18]$/; console.log(reg.test("1")); //=>true console.log(reg.test("8")); //=>true console.log(reg.test("18")); //=>false reg = /^[10-29]$/; //=>1或者0-2或者9 console.log(reg.test("1"));//=>true console.log(reg.test("9"));//=>true console.log(reg.test("0"));//=>true console.log(reg.test("2"));//=>true console.log(reg.test("10"));//=>false
举出几个例子：
1. 验证是否为有效数字
/* 规则分析 * 1.可能出现 + - 号，也可能不出现 [+-]? * 2.一位0-9都可以，多位首位不能是0 (\d|([1-9]\d+)) * 3.小数部分可能有可能没有，一旦有后面必须有小数点+数字 (\.\d+)? */ let reg = /^[+-]?(\d|([1-9]\d+))(\.\d+)?$/;
扫描二维码关注公众号，回复：
7491980 查看本文章
2.验证密码
//=>数字、字母、下划线 //=>6~16位 let val = userPassInp.value, reg = /^\w{6,16}$/; let flag=reg.test(val); function checkPass(val){ if(val.length<6 || val.length>16){ alert('长度必须介于6-16位之间！'); return; } let area=['a','b'....'_']; //=>包含数字、字母、下划线 for(let i=0;i<val.length;i++){ let char=val[i]; if(!area.includes(char)){ alert('格式不正确！'); return; } } }
3. 验证真实姓名
/* * 1.汉字 /^[\u4E00-\u9FA5]$/ * 2.名字长度 2~10位 * 3.可能有译名 ·汉字 (·[\u4E00-\u9FA5]{2,10}){0,2} */ let reg = /^[\u4E00-\u9FA5]{2,10}(·[\u4E00-\u9FA5]{2,10}){0,2}$/;
4. 验证邮箱
let reg = /^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //=> \w+((-\w+)|(\.\w+))* //1.开头是数字字母下划线（1到多位） //2.还可以是 -数字字母下划线 或者 .数字字母下划线,整体零到多次
5. 身份证号码 (具体匹配还要结合省市县各地代码编号)
/* * 1. 一共18位 * 2. 最后一位可能是X * * 身份证前六位：省市县 * 中间八位：年月日 * 最后四位： * 最后一位 => X或者数字 * 倒数第二位 => 偶数 女 奇数 男 * 其余的是经过算法算出来的 */ //let reg = /^\d{17}(\d|X)$/; //=>小括号分组的第二个作用：分组捕获，不仅可以把大正则匹配的信息捕获到，还可以单独捕获到每个小分组的内容 let reg = /^(\d{6})(\d{4})(\d{2})(\d{2})\d{2}(\d)(\d|X)$/; reg.exec("123456789012345678"); //=>捕获结果是数组，包含每一个小分组单独获取的内容