來源 |?http://www.fly63.com/

正則表達(dá)式非常有用。正則表達(dá)式可用于每種語言。就像 json 一樣，它們是通用的。在日常開發(fā)中，了解一些常用的正則表達(dá)式可以大大提高你的工作效率。

今天，我給大家分享25個常用的正則表達(dá)式，希望大家能提高代碼效率！

1、手機(jī)號碼的校驗(yàn)


const phoneReg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
const phoneStr1 = '18886233487'console.log(phoneReg.test(phoneStr1)) // true
const phoneStr2 = '17283017203897'console.log(phoneReg.test(phoneStr2)) // false

2、身份證的校驗(yàn)


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)) // true
const sfzStr2 = '718381298381212183'console.log(sfzReg.test(sfzStr2)) // false

3、郵箱的校驗(yàn)


const emailReg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
const emailStrWY = '[email protected]' // 163郵箱const emailStrQQ = '[email protected]' // qq郵箱console.log(emailReg.test(emailStrWY)) // trueconsole.log(emailReg.test(emailStrQQ)) // true
const noEmail = '72873213.com'console.log(emailReg.test(noEmail)) // false

4、URL的校驗(yàn)


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)) // true
const urlStr2 = 'sss://haha.sunshine.com/xxx/xxx'console.log(urlReg.test(urlStr2)) // false

5、IPv4的校驗(yàn)


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

6、16進(jìn)制顏色的校驗(yàn)


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

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

9、整數(shù)的校驗(yàn)


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

10、小數(shù)的校驗(yàn)


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

11、保留n位小數(shù)


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

12、郵政編號的校驗(yàn)


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

13、QQ號的校驗(yàn)

說明：5-11位數(shù)字


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

14、微信號的校驗(yàn)

說明：6至20位，以字母開頭，字母，數(shù)字，減號，下劃線


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

15、車牌號的校驗(yàn)


const carNoReg = /^[京津滬渝冀豫云遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陜吉閩貴粵青藏川寧瓊使領(lǐng)A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9掛學(xué)警港澳]{1}$/
const carNoStr1 = '粵A12345'console.log(carNoReg.test(carNoStr1)) // true
const carNoStr2 = '廣東A12345'console.log(carNoReg.test(carNoStr2)) // false

16、只含字母的字符串


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

17、包含中文的字符串


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

18、密碼強(qiáng)度的校驗(yàn)

說明：密碼中必須包含字母、數(shù)字、特稱字符，至少8個字符，最多30個字符


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

19、字符串長度n的校驗(yàn)


function checkStrLength(n) {  return new RegExp(`^.{${n}}$`)}
// 校驗(yà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、文件拓展名的校驗(yàn)


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)) // trueconst filename2 = 'sunshine.png'console.log(filenameReg.test(filename2)) // trueconst filename3 = 'sunshine.txt'console.log(filenameReg.test(filename3)) // trueconst filename4 = 'sunshine.md'console.log(filenameReg.test(filename4)) // false

21、匹配img和src


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

22、匹配html中的注釋


const noteReg = //g
const htmlStr = ' 
  
'
console.log(noteReg.exec(htmlStr))// [//   '',//   '一個div標(biāo)簽',//   index: 0,//   input: ' 
  
',//   groups: undefined// ]console.log(noteReg.exec(htmlStr))// [//   '',//   '一個div標(biāo)簽',//   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標(biāo)簽）


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))

學(xué)習(xí)更多技能
請點(diǎn)擊下方公眾號

25個常用的正則表達(dá)式匯總