正则表达式很难？记住这25个常用的就可以了！

正则表达式可用于每种语言。就像 json 一样，它们是通用的。在日常开发中，了解一些常用的正则表达式可以大大提高你的工作效率。今天，我给大家分享25个常用的正则表达式，希望大家能提高代码效率！

1、手机号码的校验 

const phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
 
 
const phone1 = '13636536896'
console.log(phone.test(phone1)) // true
 
 
const phone2 = '173895632568'
console.log(phone.test(phone2)) // 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 sfz1 = '411081197111242078'
console.log(sfzReg.test(sfz1)) // true
 
 
const sfz2 = '623817234617903093'
console.log(sfzReg.test(sfz2)) // false

3、邮箱的校验 

const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
 
 
const emailWY = '617903093@163.com' // 163邮箱
const emailQQ = '623817234@qq.com' // qq邮箱
console.log(emailReg.test(emailWY)) // true
console.log(emailReg.test(emailQQ)) // true
 
 
const 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://www.baidu.com/xxx/xxx'
console.log(urlReg.test(urlStr1)) // true
 
 
const urlStr2 = 'sss://www.baidu.com/xxx/xxx'
console.log(urlReg.test(urlStr2)) // false

5、密码强度的校验 

        说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符

const passwordReg = /(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}/
 
 
const password1 = 'longfei_cheng12345..'
console.log(passwordReg.test(password1)) // true
 
 
const password2 = 'longfeicheng12345'
console.log(passwordReg.test(password2)) // false

6、匹配img和src 

const imgReg = //ig
 
 
const htmlStr = '
'
 
 
console.log(imgReg.exec(htmlStr))
// [
//   '',
//   'sunshine.png',
//   index: 11,
//   input: '
',
//   groups: undefined
// ]
console.log(imgReg.exec(htmlStr))
// [
//   '',
//   'sunshine111.png',
//   index: 37,
//   input: '
',
//   groups: undefined
// ]

7、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)) // true
 
 
const ipv4Str2 = '122.12.56.655'
console.log(ipv4Reg.test(ipv4Str2)) // false

8、日期 YYYY-MM-DD

const dateReg = /^\d{4}(\-)\d{1,2}\1\d{1,2}$/
 
 
const dateStr1 = '2021-10-10'
console.log(dateReg.test(dateStr1)) // true
 
 
const dateStr2 = '2021-01-01 1'
console.log(dateReg.test(dateStr2)) // false

 9、日期 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)) // true
 
 
const dateStr2 = '2021-10-10 16:'
console.log(dateReg.test(dateStr2)) // false

 10、16进制颜色的校验

const color16Reg = /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
 
 
const color16Str1 = '#fff'
console.log(color16Reg.test(color16Str1)) // true
 
 
const color16Str2 = '#1234567'
console.log(color16Reg.test(color16Str2)) // false

11、整数的校验 

const intReg = /^[-+]?\d*$/
 
 
const intNum1 = 12345
console.log(intReg.test(intNum1)) // true
 
 
const intNum2 = 12345.1
console.log(intReg.test(intNum2)) // false

12、小数的校验 

const floatReg = /^[-\+]?\d+(\.\d+)?$/
 
 
const floatNum = 1234.5
console.log(floatReg.test(floatNum)) // true

13、保留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)) // true
 
 
const floatNum2 = 1234.55
console.log(floatReg.test(floatNum2)) // true
 
 
const floatNum3 = 1234.555
console.log(floatReg.test(floatNum3)) // false

14、QQ号的校验 

        说明：5-11位数字

const qqReg = /^[1-9][0-9]{4,10}$/
 
 
const qqStr1 = '1915801633'
console.log(qqReg.test(qqStr1)) // true
 
 
const qqStr2 = '191580163333'
console.log(qqReg.test(qqStr2)) // false

15、微信号的校验 

        说明：6至20位，以字母开头，字母，数字，减号，下划线

const wxReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/
 
 
const wxStr1 = 'linsanxin885577'
console.log(wxReg.test(wxStr1)) // true
 
 
const wxStr2 = '厉害了我的vx'
console.log(wxReg.test(wxStr2)) // false

16、车牌号的校验

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

17、只含字母的字符串 

const letterReg = /^[a-zA-Z]+$/
 
 
const letterStr1 = 'sunshineLin'
console.log(letterReg.test(letterStr1)) // true
 
 
const letterStr2 = 'sunshine_Lin'
console.log(letterReg.test(letterStr2)) // false

18、包含中文的字符串 

const cnReg = /[\u4E00-\u9FA5]/
 
 
const cnStr1 = '我是sunshine_Lin，林三心'
console.log(cnReg.test(cnStr1)) // true
 
 
const cnStr2 = 'sunshine_Lin'
console.log(cnReg.test(cnStr2)) // false

19、字符串长度n的校验 

function checkStrLength(n) {
  return new RegExp(`^.{${n}}$`)
}
 
 
// 校验长度为3的字符串
const lengthReg = checkStrLength(3)
 
 
const str1 = 'hhh'
console.log(lengthReg.test(str1)) // true
 
 
const 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、邮政编号的校验

const postalNoReg = /^\d{6}$/
 
 
const postalNoStr1 = '522000'
console.log(postalNoReg.test(postalNoStr1)) // true
 
 
const postalNoStr2 = '5220000'
console.log(postalNoReg.test(postalNoStr2)) // false

22、匹配html中的注释 

const noteReg = //g
 
 
const 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 = /([(\s+\w+=)|>])/g
 
 
const htmlStr = '
'
 
 
console.log(styleReg.exec(htmlStr))
// [
//   '>',
//   '>',
//   index: 5,
//   input: '
',
//   groups: undefined
// ]
console.log(styleReg.exec(htmlStr))
// [
//   '>',
//   '>',
//   index: 36,
//   input: '
',
//   groups: undefined
// ]

24、匹配html中的颜色 

const colorReg = /#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/g
 
 
const 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 = /<("[^"]*"|'[^']*'|[^'">])*>/g
 
 
const 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))