javascript正則總結

目錄

• 1. 正則基礎知識
• 2. 正則實例
• 3. 正則常見問題
• 4. 開發經常使用validate
• 5. 網上整理的正則

1. 正則基礎知識

1. 精確匹配： /test/
2. 匹配一類字符：匹配a,b,c任一字符/[abc]/ 匹配除了a,b,c之外任一字符 [^abc] 匹配一個範圍內任意字符/[a-m]/
3. 轉義：/\[/ /\\/ /\./
4. 匹配開始與結束：/^test$/
5. 重複出現：

• ?字符可選，一次或根本不出現/t?est/ 'test' 'est'
• +字符出現一次或屢次//t+est 'test' 'ttest'
• *出現0次或屢次/t*est/ 'test' 'est' 'ttest'
• {n}指定重複次數/a{4}/ 'aaaa'
• {m,n}重複次數區間/a{4,10}/
• {m,}第二個值可選的開區間/a{4,}/
• 默認貪婪，最大限度匹配，操做符後加?進行最小限度的匹配（非貪婪）:/a+?/對'aaa'進行匹配，只匹配一個a字符

1. 預約義字符類

預約義術語	匹配內容
\t	水平製表符
\b	空格
\v	垂直製表符
\f	換頁符
\r	回車
\n	換行符
\cA:\cZ	控制符，例如：\cM匹配一個Control-M
\x0000:\xFFFF	16進制Unicode碼
\x00:\xFF	16進制ASCII碼
.	匹配除了新行（\n）以外的任意字符
\d	匹配任意數字，等價於[0-9]
\D	匹配任意非數字,等價於[^0-9]
\w	匹配包括下劃線的任意單詞字母，等價於[A-Za-z0-9_]
\W	匹配任意非單詞字符，等價於[^A-Za-z0-9_]
\s	匹配任意空白字符，包括空格、製表符、換行符等
\S	匹配任意非空白字符
\b	匹配單詞邊界
\B	匹配非但次邊界

1. 分組：/(ab)+/匹配一個或多個連續出現的字字符串'ab',同時建立了所謂的捕獲
2. 或操做符：/a|b/匹配'a'或'b'字符,/(ab)+|(cd)+/匹配一次或屢次的'ab'或'cd'
3. 反向引用：^([dtn])a\1 \1是在匹配執行的時候肯定，指第一個捕獲相同的字符串 /<(\w+)>(.+)<\/\1>/用於匹配<div>aaa</div>

2. 正則實例

1. var regex=new RegExp("(^|\\s)"+className+"(\\s|$)")找到有該類名的正則表達式
2. 捕獲嵌入值的簡單函數

var filter=elem.style.filter
return filter?filter.indexOf('opacity')>=0?
(parseFloat(filter.match(/opacity=([^)]+)/)[1])/100)+"":elem.style.opacity

1. 全局表達式匹配

'<div class="haha"></div>'.match(/<(\/?)(\w+)([^>]*?)>/)//匹配一次，返回的是捕獲列表
//0:"<div class="haha">"
//1:""
//2:"div"
//3:" class="haha""
'<div class="haha"></div>'.match(/<(\/?)(\w+)([^>]*?)>/g)//全局正則匹配，返回匹配結果的列表
//0:"<div class="haha">"
//1:"</div>"


//使用exec()進行捕獲和全局搜索
var html='<div class="haha"></div>'
var tag=/<(\/?)(\w+)([^>]*?)>/g,macth
var num=0
while((match=tag.exec(html))!==null){
    console.log(match)
    num++
}

1. 捕獲的引用

• 自身匹配：/<(\w+)>(.+)<\/\1>/
• 替換字符串：'fontFamily'.replace(/([A-Z])/g,"-$1").toLowerCase()

1. 沒有捕獲的分組

var pattern=/((?:ninja-)+)sword/    //非捕獲（被動）分組
var ninjas='ninja-ninja-sword'.match(pattern)
//0:"ninja-ninja-sword"
//1:"ninja-ninja-"

var pattern=/((ninja-)+)sword/
var ninjas='ninja-ninja-sword'.match(pattern)
//0:"ninja-ninja-sword"
//1:"ninja-ninja-"
//2:"ninja-"

1. replace中的函數替代值

'border-bottom-width'.replace(/-(\w)/g,(all,letter)=>{return letter.toUpperCase()})
//壓縮查詢字符串
function compress(source){
    var keys={}
    source.replace(/([^=&]+)=([^&]*)/g,(full,key,value)=>{
        keys[key]=keys[key]?keys[key]+',':''+value
        return ""
    })
    var result=[]
    for(let key in keys){
        result.push(key+'='+keys[key])
    }
    return result.join('&')
}
compress('foo=1&foo=2&jaja=3&haha=4')

3. 正則常見問題

1. 修剪字符串

//1（優先選用這種）
function trim(str){
    return (str||'').replace(/^\s+|\s+$/g,'')
}
//2
function trim(str){
    return str.replace(/^\s\s*/,'').replace(/\s\s*$/,'')
}
//3使用正則和切割(適合長字符串)
function(str){
    var str=str.replace(/^\s\s*/,''),ws=/\s/,i=str.length
    while(ws.test(str.charAt(--i)));
    return str.slice(0,i+1)
}

1. 匹配換行符

/./             
不包括換行符
/[\S\s]*/      
匹配全部的字符(最佳方案)
/(?:.|\s)*/
匹配全部字符

1. Unicode

/[\w\u0080-\uFFFF_-]+/
匹配包括unicode在內的全部字符

4.轉義字符

/^((\w+)|(\\.))+$/

4. 開發經常使用validate

/* 合法uri*/
export function validateURL(textval) {
  const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
  return urlregex.test(textval)
}

/* 小寫字母*/
export function validateLowerCase(str) {
  const reg = /^[a-z]+$/
  return reg.test(str)
}

/* 大寫字母*/
export function validateUpperCase(str) {
  const reg = /^[A-Z]+$/
  return reg.test(str)
}

/* 大小寫字母*/
export function validateAlphabets(str) {
  const reg = /^[A-Za-z]+$/
  return reg.test(str)
}

/* 漢字、字母和數字*/
export function validateSpercialWords(str) {
  const reg = /^[\u9fa5a-zA-Z\d]+$/
  return reg.test(str)
}

/* 密碼校驗 由8-16位字母、數字組成*/
export function validatePassword(str) {
  const reg = /^[\u9fa5a-zA-Z\d]{8,16}$/
  return reg.test(str)
}

/* 姓名校驗 由2-4位漢字組成*/
export function validateName(str) {
  const reg = /^[\u4E00-\u9FA5]{2,4}$/
  return reg.test(str)
}

/* 手機號校驗 由11位數字組成*/
export function validateMobile(str) {
  const reg = /^[1][0-9]{10}$/
  return reg.test(str)
}

/* 角色名稱校驗 由2-9位字母、數字、漢字組成*/
export function validateRoleName(str) {
  const reg = /^[\u4e00-\u9fa5a-zA-Z\d]{2,9}$/
  return reg.test(str)
}

5. 網上整理的正則

1、校驗數字的表達式
1 數字：^[0-9]*$
2 n位的數字：^\d{n}$
3 至少n位的數字：^\d{n,}$
4 m-n位的數字：^\d{m,n}$
5 零和非零開頭的數字：^(0|[1-9][0-9]*)$
6 非零開頭的最多帶兩位小數的數字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
7 帶1-2位小數的正數或負數：^(\-)?\d+(\.\d{1,2})?$
8 正數、負數、和小數：^(\-|\+)?\d+(\.\d+)?$
9 有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$
10 有1~3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$
11 非零的正整數：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$
12 非零的負整數：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$
13 非負整數：^\d+$ 或 ^[1-9]\d*|0$
14 非正整數：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$
15 非負浮點數：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$
16 非正浮點數：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$
17 正浮點數：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$
18 負浮點數：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$
19 浮點數：^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$
2、校驗字符的表達式
1 漢字：^[\u4e00-\u9fa5]{0,}$
2 英文和數字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$
3 長度爲3-20的全部字符：^.{3,20}$
4 由26個英文字母組成的字符串：^[A-Za-z]+$
5 由26個大寫英文字母組成的字符串：^[A-Z]+$
6 由26個小寫英文字母組成的字符串：^[a-z]+$
7 由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$
8 由數字、26個英文字母或者下劃線組成的字符串：^\w+$ 或 ^\w{3,20}$
9 中文、英文、數字包括下劃線：^[\u4E00-\u9FA5A-Za-z0-9_]+$
10 中文、英文、數字但不包括下劃線等符號：^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$
11 能夠輸入含有^%&',;=?$\"等字符：[^%&',;=?$\x22]+
12 禁止輸入含有~的字符：[^~\x22]+
3、特殊需求表達式
1 Email地址：^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
2 域名：[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(/.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+/.?
3 InternetURL：[a-zA-z]+://[^\s]* 或 ^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$
4 手機號碼：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$
5 電話號碼("XXX-XXXXXXX"、"XXXX-XXXXXXXX"、"XXX-XXXXXXX"、"XXX-XXXXXXXX"、"XXXXXXX"和"XXXXXXXX)：^(\(\d{3,4}-)|\d{3.4}-)?\d{7,8}$
6 國內電話號碼(0511-440522二、021-87888822)：\d{3}-\d{8}|\d{4}-\d{7}
7 身份證號(15位、18位數字)：^\d{15}|\d{18}$
8 短身份證號碼(數字、字母x結尾)：^([0-9]){7,18}(x|X)?$ 或 ^\d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$
9 賬號是否合法(字母開頭，容許5-16字節，容許字母數字下劃線)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
10 密碼(以字母開頭，長度在6~18之間，只能包含字母、數字和下劃線)：^[a-zA-Z]\w{5,17}$
11 強密碼(必須包含大小寫字母和數字的組合，不能使用特殊字符，長度在8-10之間)：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$
12 日期格式：^\d{4}-\d{1,2}-\d{1,2}
13 一年的12個月(01～09和1～12)：^(0?[1-9]|1[0-2])$
14 一個月的31天(01～09和1～31)：^((0?[1-9])|((1|2)[0-9])|30|31)$
15 錢的輸入格式：
16 1.有四種錢的表示形式咱們能夠接受:"10000.00" 和 "10,000.00", 和沒有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]*$
17 2.這表示任意一個不以0開頭的數字,可是,這也意味着一個字符"0"不經過,因此咱們採用下面的形式：^(0|[1-9][0-9]*)$
18 3.一個0或者一個不以0開頭的數字.咱們還能夠容許開頭有一個負號：^(0|-?[1-9][0-9]*)$
19 4.這表示一個0或者一個可能爲負的開頭不爲0的數字.讓用戶以0開頭好了.把負號的也去掉,由於錢總不能是負的吧.下面咱們要加的是說明可能的小數部分：^[0-9]+(.[0-9]+)?$
20 5.必須說明的是,小數點後面至少應該有1位數,因此"10."是不經過的,可是 "10" 和 "10.2" 是經過的：^[0-9]+(.[0-9]{2})?$
21 6.這樣咱們規定小數點後面必須有兩位,若是你認爲太苛刻了,能夠這樣：^[0-9]+(.[0-9]{1,2})?$
22 7.這樣就容許用戶只寫一位小數.下面咱們該考慮數字中的逗號了,咱們能夠這樣：^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$
23 8.1到3個數字,後面跟着任意個 逗號+3個數字,逗號成爲可選,而不是必須：^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$
24 備註：這就是最終結果了,別忘了"+"能夠用"*"替代若是你以爲空字符串也能夠接受的話(奇怪,爲何?)最後,別忘了在用函數時去掉去掉那個反斜槓,通常的錯誤都在這裏
25 xml文件：^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$
26 中文字符的正則表達式：[\u4e00-\u9fa5]
27 雙字節字符：[^\x00-\xff] (包括漢字在內，能夠用來計算字符串的長度(一個雙字節字符長度計2，ASCII字符計1))
28 空白行的正則表達式：\n\s*\r (能夠用來刪除空白行)
29 HTML標記的正則表達式：<(\S*?)[^>]*>.*?</\1>|<.*? /> (網上流傳的版本太糟糕，上面這個也僅僅能部分，對於複雜的嵌套標記依舊無能爲力)
30 首尾空白字符的正則表達式：^\s*|\s*$或(^\s*)|(\s*$) (能夠用來刪除行首行尾的空白字符(包括空格、製表符、換頁符等等)，很是有用的表達式)
31 騰訊QQ號：[1-9][0-9]{4,} (騰訊QQ號從10000開始)
32 中國郵政編碼：[1-9]\d{5}(?!\d) (中國郵政編碼爲6位數字)
33 IP地址：\d+\.\d+\.\d+\.\d+ (提取IP地址時有用)
34 IP地址：((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))