正則表達式基礎知識，持續更新……

時間 2019-11-21

原文原文鏈接

基本內容

定義

正則描述了一種字符串的匹配的模式 ,能夠用來檢查一個字符串是否包含某個子串或者是替換某個子串;通常用於表單驗證,數據過濾,格式檢查,數據採集,數據隱藏.javascript

元字符

所謂元字符是用來說明匹配類型的,好比java

.	匹配換行符之外的任意字符
w word	匹配數字，字母，下劃線，漢字
s space	匹配任意的空白符
d digital	匹配0-9之間數字
b border	匹配單詞的開始或結束做爲邊界
^	匹配字符串的開始，以XX開頭
	^在[]裏面表示否認，除了[]以外的
$	匹配字符串的結尾，以XX結尾

限定符

規定緊接着的匹配的數量，與全局匹配global不同，這裏的是單個git

*	重複零次或更多
+	重複一次或更多
?	重複零次或一次
{n}	重複n次
{n,}	重複n次或更多
{n,m}	重複n-m次
\	轉義字符，匹配須要的元字符

處理選項正則表達式

i ignoreCase	忽略大小寫
m multiline	多行匹配
g global	全局匹配
lastIndex	當前表達式匹配內容的最後一個字符串的下一個位置
source	正則的文本字符串

以上代碼演示數組

var str='cat ,greatacatbat cat'
        console.log(str.replace(/(\bcat\b)/g,'*'))//* ,greatacatbat *

var str='123abc'
        console.log(str.replace(/\d?/,'*'))       // *23abc
        console.log(str.replace(/\d+/,'*'))       // *abc
        console.log(str.replace(/\d{2,3}/,'*'))   // *abc

貪婪和懶惰

看上面的代碼可知，限定符老是儘量多的匹配，咱們稱之爲貪婪，可是有時候不須要這麼貪婪，反而須要的是懶惰，也就是盡少的匹配，那麼？便可表示函數

*？	重複任意次，但盡少匹配
+？	重複最少一次，但盡少匹配
??	重複0或1次，但盡少匹配
{n,m}?	重複n-m次，但盡少匹配
{n,}?	重複至少n次，但盡少匹配

字符類

匹配本身規定的字符，通常用方括號[]，[abcd]匹配abcd中任意一個網站

這樣前面的元字符可有[0-9]匹配d [a-zA-Z0-9]匹配w編碼

分支條件 有時候不僅是一種匹配規則，好比電話號碼，那麼就須要| 把不一樣的規則分開spa

0\d{2}-\d{8}|0\d{3}-\d{7} 匹配的就是兩種不一樣的電話號碼.net

反義

所謂反義就是匹配除了以外的全部

W D S B	與原來的相反
[^abcd]	匹配除abcd之外的任意字符

分組

重複單個字符直接加元字符；重複多個字符則須要用()括起來再加元字符

(\d{1,3}\.){3}匹配1-3爲數字加點重複3次

調整分組 每一個分組均可以用$數字表示，第一個即\$1 這是在replace中表示；在正則本身中則用數字

忽略分組 ?: 用來忽略組，原來的組就被忽略了，數字也就變化了

正向前瞻 (?=d) 負向前瞻 (?!d) 預測前方是否符合條件

var data='2014-02-12'   
   console.log(data.replace(/(\d{4})-(\d{2})-(\d{2})/,'$3/$2/$1')) //  12/02/2014

   var number='123456789'
   console.log(number.replace(/(\d{3})(?=\d{3})/g,'$1,'))   // 123,456,789

   var str='foo foo bar'
   console.log(/(\w+)\s\1/.test(str))   //true    在正則本身中用\數字表示分組

   var one='a1b1c1'
   console.log(one.replace(/[a-z]\d/g,'*'))   //***
   
   /?:(\d+)/  //忽略這次分組

js中正則的使用屬性

RegExp實例屬性

這些屬性基本沒多大用，只是個屬性而已，都能在正則的字面量或構造函數中得出
global ignoreCase lastIndex multiline source

js中的RegExp對象

javascript經過內置對象RegExp支持正則表達式兩種方法實例化RegExp對象

字面量方法 var reg=/d/gim

構造函數方法 var reg=new RegExp('d','g')

RegExp的實例方法

exec方法 返回包含第一個匹配項信息的數組(沒有則null)，返回結果有input屬性(應用正則的字符串)和index屬性(匹配項在字符串中位置)；對於exec而言，沒有設置g index始終爲第一個匹配的，設置g index則會依次從下一個開始；可是結果是同樣的

var text="mom and dad and child"
        var reg1=/mom( and dad( and child)?)?/gim
        var result1=reg1.exec(text)

        console.log(result1)    //["mom and dad and child", " and dad and child", " and child"]   index: 0  input: "mom and dad and child"
        console.log(result1.index)  //0
        console.log(result1.input)  //mom and dad and child
        console.log(result1[0])     //mom
        console.log(result1[1])     //and dad and child
        console.log(result1[2])     //and child

test()方法 返回布爾值，檢驗字符串是否與正則相匹配，常與if語句，表單驗證結合

toString方法 返回正則字面量

toLocaleString()方法 返回正則字面量

valueOf方法 返回的是正則自己 typeof 則爲Object

var reg=/\d/
        console.log(reg.test('123'))       // true

        console.log(reg.toString())        // /\d/
        console.log(reg.toString().length) //4
        console.log(reg.toLocaleString())  // /\d/
        console.log(typeof reg.valueOf())  // object

與正則相關的string的方法

search方法 接受一個參數：正則或字符串返回的是第一個的索引，沒有則null

split方法 字符串切割爲數組

replace方法 兩個參數：第一個參數爲字符串或正則；第二個參數爲字符串或函數；函數接受三個參數，match匹配的字符串、index匹配項在字符串位置、origin原字符串

var one='u3n12'
        console.log(one.search(/\d/))  //3
        console.log(one.split(''))   //[ "u", "3", "n", "1", "2"]
        console.log(one.replace(/\d/g,'*'))
        console.log(one.replace(/\d/g,function(match,index,origin){
                 return parseInt(match)+1    //u4n23
        }))

match方法 接受一個參數：正則或RegExp對象返回的是一個匹配文本有關的數組，沒有則null

有g時，則全局匹配，返回數組存放字符串中全部匹配子串，沒有input和index屬性

沒有g時，則非全局匹配，返回數組的第一個元素存放的是匹配文本，其他元素存放的是與正則的子表達式匹配的文本；數組兩個對象屬性，index和input，和正則的exec方法類似

var one='u3n12'
        console.log(one.match(/\d/))    //["3"] index: 1, input: "u3n12"  
        console.log(one.match(/\d/g))   //["3", "1", "2"]

var text="mom and dad and child"
        var reg1=/mom( and dad( and child)?)?/im
        var reg2=/mom( and dad( and child)?)?/gim
        console.log(text.match(reg1))  //["mom and dad and child", " and dad and child", " and         child"]  //index: 0 input: "mom and dad and child"
        console.log(text.match(reg2))  //["mom and dad and child"]

比較exec和match

exec是正則表達式的方法；match是字符串的方法；可是返回結果都是數組

當沒有子串時

exec結果不受g影響，返回的數組爲第一項匹配；match返回的結果受g影響，當沒有g則返回第一項匹配，當有g則返回整個數組

當有子串時

exec返回結果不受g影響，返回的是多項數組；match返回結果受g影響，當沒有g則返回多項數組，當有g則只返回整個數組

討論的兩種狀況
        var str='mom234mom45'
        var reg=/\w{3}/
        var reg2=/\w{3}/gim
        console.log(str.match(reg))   //["mom"]
        console.log(reg.exec(str))    //["mom"]
        console.log(str.match(reg2))  //["mom", "234", "mom"]
        console.log(reg2.exec(str))   //["mom"]

一些實際例子

將ab,cd,ef 字母倒置

var name='ab,cd,ef'
        var name2=name.split(';')  //分爲數組
        for(var i=0;i<name2.length;i++){
              name2[i]=name2[i].replace(/(\w)(\w)/,"$2$1")   //遍歷倒置
        }
     console.log(name2)  //ba,dc,fe

兩個網站

正則可視化
正則入門三十分鐘

經常使用的正則

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}$
    15位身份證：^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$
    18位身份證：^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$
 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地址時有用)