有了这25个正则表达式,代码效率提高80%

前言 大家好,我是林三心,在日常开发中,正则表达式是非常有用的,正则表达式在每个语言中都是可以使用的,他就跟JSON一样,是通用的。在日常开发中,了解一些常用的正则表达式,能大大提高你的工作效率,例如

  • 字符串的匹配
  • 表单项的格式校验
今天就给大家分享25个开发中常用的正则表达式吧!!!希望大家能提高代码效率!!!
有了这25个正则表达式,代码效率提高80%
文章图片

1、手机号码的校验
const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/const phoneStr1 = '18886233487' console.log(phoneReg.test(phoneStr1)) // trueconst phoneStr2 = '17283017203897' console.log(phoneReg.test(phoneStr2)) // false

2、身份证的校验
const sfzReg = /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/const sfzStr1 = '415106199801012130' console.log(sfzReg.test(sfzStr1)) // trueconst sfzStr2 = '718381298381212183' console.log(sfzReg.test(sfzStr2)) // false

3、邮箱的校验
const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/const emailStrWY = '956666@163.com' // 163邮箱 const emailStrQQ = '956666@qq.com' // qq邮箱 console.log(emailReg.test(emailStrWY)) // true console.log(emailReg.test(emailStrQQ)) // trueconst noEmail = '72873213.com' console.log(emailReg.test(noEmail)) // false

4、URL的校验
const urlReg = /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/const urlStr1 = 'https://haha.sunshine.com/xxx/xxx' console.log(urlReg.test(urlStr1)) // trueconst urlStr2 = 'sss://haha.sunshine.com/xxx/xxx' console.log(urlReg.test(urlStr2)) // false

5、IPv4的校验
const ipv4Reg = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/const ipv4Str1 = '122.12.56.65' console.log(ipv4Reg.test(ipv4Str1)) // trueconst ipv4Str2 = '122.12.56.655' console.log(ipv4Reg.test(ipv4Str2)) // false

6、16进制颜色的校验
const color16Reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/const color16Str1 = '#fff' console.log(color16Reg.test(color16Str1)) // trueconst color16Str2 = '#1234567' console.log(color16Reg.test(color16Str2)) // false

7、日期 YYYY-MM-DD
const dateReg = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/const dateStr1 = '2021-10-10' console.log(dateReg.test(dateStr1)) // trueconst dateStr2 = '2021-01-01 1' console.log(dateReg.test(dateStr2)) // false

8、日期 YYYY-MM-DD hh:mm:ss
const dateReg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/const dateStr1 = '2021-10-10 16:16:16' console.log(dateReg.test(dateStr1)) // trueconst dateStr2 = '2021-10-10 16:' console.log(dateReg.test(dateStr2)) // false

9、整数的校验
const intReg = /^[-+]?\d*$/const intNum1 = 12345 console.log(intReg.test(intNum1)) // trueconst intNum2 = 12345.1 console.log(intReg.test(intNum2)) // false

10、小数的校验
const floatReg = /^[-\+]?\d+(\.\d+)?$/const floatNum = 1234.5 console.log(floatReg.test(floatNum)) // true

11、保留n位小数
function checkFloat(n) { return new RegExp(`^([1-9]+[\d]*(.[0-9]{1,${n}})?)$`) } // 保留2位小数 const floatReg = checkFloat(2)const floatNum1 = 1234.5 console.log(floatReg.test(floatNum1)) // trueconst floatNum2 = 1234.55 console.log(floatReg.test(floatNum2)) // trueconst floatNum3 = 1234.555 console.log(floatReg.test(floatNum3)) // false

12、邮政编号的校验
const postalNoReg = /^\d{6}$/const postalNoStr1 = '522000' console.log(postalNoReg.test(postalNoStr1)) // trueconst postalNoStr2 = '5220000' console.log(postalNoReg.test(postalNoStr2)) // false

13、QQ号的校验 说明:5-11位数字
const qqReg = /^[1-9][0-9]{4,10}$/const qqStr1 = '1915801633' console.log(qqReg.test(qqStr1)) // trueconst qqStr2 = '191580163333' console.log(qqReg.test(qqStr2)) // false

14、微信号的校验 【有了这25个正则表达式,代码效率提高80%】说明:6至20位,以字母开头,字母,数字,减号,下划线
const wxReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/const wxStr1 = 'linsanxin885577' console.log(wxReg.test(wxStr1)) // trueconst wxStr2 = '厉害了我的vx' console.log(wxReg.test(wxStr2)) // false

15、车牌号的校验
const carNoReg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/const carNoStr1 = '粤A12345' console.log(carNoReg.test(carNoStr1)) // trueconst carNoStr2 = '广东A12345' console.log(carNoReg.test(carNoStr2)) // false

16、只含字母的字符串
const letterReg = /^[a-zA-Z]+$/const letterStr1 = 'sunshineLin' console.log(letterReg.test(letterStr1)) // trueconst letterStr2 = 'sunshine_Lin' console.log(letterReg.test(letterStr2)) // false

17、包含中文的字符串
const cnReg = /[\u4E00-\u9FA5]/const cnStr1 = '我是sunshine_Lin,林三心' console.log(cnReg.test(cnStr1)) // trueconst cnStr2 = 'sunshine_Lin' console.log(cnReg.test(cnStr2)) // false

18、密码强度的校验 说明:密码中必须包含字母、数字、特称字符,至少8个字符,最多30个字符
const passwordReg = /(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}/const password1 = 'sunshine_Lin12345..' console.log(passwordReg.test(password1)) // trueconst password2 = 'sunshineLin12345' console.log(passwordReg.test(password2)) // false

19、字符串长度n的校验
function checkStrLength(n) { return new RegExp(`^.{${n}}$`) }// 校验长度为3的字符串 const lengthReg = checkStrLength(3)const str1 = 'hhh' console.log(lengthReg.test(str1)) // trueconst str2 = 'hhhhh' console.log(lengthReg.test(str2)) // false

20、文件拓展名的校验
function checkFileName (arr) { arr = arr.map(name => `.${name}`).join('|') return new RegExp(`(${arr})$`) }const filenameReg = checkFileName(['jpg', 'png', 'txt'])const filename1 = 'sunshine.jpg' console.log(filenameReg.test(filename1)) // true const filename2 = 'sunshine.png' console.log(filenameReg.test(filename2)) // true const filename3 = 'sunshine.txt' console.log(filenameReg.test(filename3)) // true const filename4 = 'sunshine.md' console.log(filenameReg.test(filename4)) // false

21、匹配img和src
const imgReg = /有了这25个正则表达式,代码效率提高80%
文章图片
有了这25个正则表达式,代码效率提高80%
文章图片
'console.log(imgReg.exec(htmlStr)) // [ //'有了这25个正则表达式,代码效率提高80%
文章图片
', //'sunshine.png', //index: 11, //input: '有了这25个正则表达式,代码效率提高80%
文章图片
有了这25个正则表达式,代码效率提高80%
文章图片
', //groups: undefined // ] console.log(imgReg.exec(htmlStr)) // [ //'有了这25个正则表达式,代码效率提高80%
文章图片
', //'sunshine111.png', //index: 37, //input: '有了这25个正则表达式,代码效率提高80%
文章图片
有了这25个正则表达式,代码效率提高80%
文章图片
', //groups: undefined // ]

22、匹配html中的注释
const noteReg = //gconst htmlStr = ''console.log(noteReg.exec(htmlStr)) // [ //'', //'一个div标签', //index: 0, //input: '', //groups: undefined // ] console.log(noteReg.exec(htmlStr)) // [ //'', //'一个div标签', //index: 27, //input: '', //groups: undefined // ]

23、匹配html中的style
const styleReg = /style="[^=>]*"([(\s+\w+=)|>])/gconst htmlStr = ''console.log(styleReg.exec(htmlStr)) // [ //'style="background:#000; ">', //'>', //index: 5, //input: '', //groups: undefined // ] console.log(styleReg.exec(htmlStr)) // [ //'style="color:#fff">', //'>', //index: 36, //input: '', //groups: undefined // ]

24、匹配html中的颜色
const colorReg = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/gconst htmlStr = ''console.log(colorReg.exec(htmlStr)) // [ //'#000', //'000', //index: 23, //input: '', //groups: undefined // ] console.log(colorReg.exec(htmlStr)) // [ //'#fff', //'fff', //index: 49, //input: '', //groups: undefined // ]

25、匹配htmlTag(html标签)
const endReg = /<("[^"]*"|'[^']*'|[^'">])*>/gconst htmlStr = ''console.log(endReg.exec(htmlStr)) console.log(endReg.exec(htmlStr)) console.log(endReg.exec(htmlStr)) console.log(endReg.exec(htmlStr)) console.log(endReg.exec(htmlStr)) console.log(endReg.exec(htmlStr))

结语 如果你觉得此文对你有一丁点帮助,点个赞,鼓励一下林三心哈哈。或者可以加入我的摸鱼群
想进学习群,摸鱼群,请看我的主页介绍,我会定时直播模拟面试,简历指导,答疑解惑
有了这25个正则表达式,代码效率提高80%
文章图片

    推荐阅读