本文已参与「新人创作礼」活动，一起开启掘金创作之路。
正则表达式(Regular Expression)是一个JavaScript对象 用于匹配字符串中字符组合的模式（匹配，提取，替换）。
在前端开发中，正则表达式的使用频率是很高的，比如手机号、邮箱等的校验。但是我们不用死记硬背，我们需要记住的是如何创建正则表达式、正则表达式有那些字符和正则表达式怎么使用，如何用正则表达式进行校验，而表达式的写法，可以根据需求去百度，常用到的都可以百度到。
创建正则表达式
1.利用构造函数RegExp创建
const regexp = new RegExp(/123/)
console.log(regexp)
2.利用字面量创建
const reg = /231/
检测输入的字符串是否符合正则表达式的规范
const str = '123'
const reg = /231/
console.log(reg.test(str)); //false
console.log(reg.test(231)); //true
特殊字符（元字符）
1.边界符 ^ $
const reg = /^231/; //以2开头
console.log(reg.test(231)); //true
console.log(reg.test(2311)); //true
console.log(reg.test(1222311)); //false
const reg1 = /^231$/; //以1结尾
console.log(reg1.test(231)); //true
console.log(reg1.test(2311)); //false
console.log(reg1.test(1222311)); //false
console.log(reg1.test(1222313)); //false
console.log(reg1.test(231231)); //false
2.字符类 [] 一系列字符可供选择，只要匹配其中的一个就可以，多选一
const reg2 = /[abc]/;
console.log(reg2.test("and")); //true
console.log(reg2.test("anbd")); //true
console.log(reg2.test("snd")); //false
const reg3 = /^[abc]$/; //只要是a或者b或者c,个字母时返回true
console.log(reg3.test("aaa")); //false
console.log(reg3.test("c")); //true
console.log(reg3.test("a")); //true
console.log(reg3.test("b")); //true
console.log(reg3.test("abc")); //flase
const reg4 = /[a-z]/ // 26个字母中的任意一个都为true
console.log(reg4.test("ac")); //true
console.log(reg4.test(11)); //false
3.字符组合
const reg = /[a-zA-Z0-9_-]/ //大写小写数字——_都可以
const reg = /[^a-zA-Z0-9_-]/ //大写小写数字——_都不可以 ^在[]里表示取反
量词符
var reg1 = /^a*$/; //a可以出现0次获多次
console.log(reg1.test('')); //true
console.log(reg1.test("a")); //true
console.log(reg1.test("aaaaaa")); //true
const reg2 = /^a+$/; //a可以出现1次以上
console.log(reg2.test('')); //false
console.log(reg2.test("a")); //true
console.log(reg2.test("aaaaaa")); //true
const reg3 = /^a?$/; //a可以出现1次或者0
console.log(reg3.test('')); //true
console.log(reg3.test("a")); //true
console.log(reg3.test("aaaaaa")); //false
const reg4 = /^a{3,}$/; //a必须出现3次及以上
console.log(reg4.test('')); //false
console.log(reg4.test("a")); //false
console.log(reg4.test("aaaaaa")); //true
console.log(reg4.test("aaa")); //true
const reg5 = /^[a-zA-Z0-9_ -]{6,16}&/; //{}里面不可以有空格
// 小括号表示优先级
const reg6 = /^(abc){3}/; //abc重复3次
预定义类
- \d = [0-9]
- \D = [^0-9]
- \w = [a-zA-Z0-9_]
- \W = [^a-zA-Z0-9]
- \s 匹配空格
- \S 匹配不是空格的\
- | 或者
const tel = /^\d{3}-\d{8} | \d{4}-\d{7}$/;
//010-12345678 或者 0111-1234567
常用的正则表达式
- 匹配中文字符的正则表达式： [\u4e00-\u9fa5]
- 获取日期正则表达式：\d{4}[年|-|.]\d{1,2}[月|-|.]\d{1,2}日?
- 匹配双字节字符(包括汉字在内)：[^\x00-\xff]
- 匹配空白行的正则表达式：\n\s*\r
- 匹配HTML标记的正则表达式：<(\S*?)[^>]>.?</>|<.? />
- 匹配首尾空白字符的正则表达式：^\s|\s*$
- 匹配Email地址的正则表达式：\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*
- 匹配网址URL的正则表达式：[a-zA-z]+://[^\s]*
- 匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：1[a-zA-Z0-9_]{4,15}$
- 匹配国内电话号码：\d{4}-\d{7}|\d{3}-\d{8}
- 匹配腾讯QQ号：[1-9][0-9]{4,}
- 匹配中国邮政编码：[1-9]\d(?!\d)
- 匹配身份证：\d{17}[\d|X]|\d{15}
- 匹配ip地址：((2[0-4]\d|25[0-5]|[01]?\d\d?).){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)。
写在最后：正则表达式在很多编程语言中都有，只是写法有些不同，所以正则表达式很重要，可以在写业务的时候自己写不出来，但是一定要知道，会百度哦！
