摘要:基本內容定義正則描述了一種字符串的匹配的模式可以用來檢查一個字符串是否包含某個子串或者是替換某個子串一般用于表單驗證數據過濾格式檢查數據采集數據隱藏元字符所謂元字符是用來說明匹配類型的比如匹配換行符以外的任意字符匹配數字,字母,下劃線,漢字
基本內容 定義
正則描述了一種字符串的匹配的模式 ,可以用來檢查一個字符串是否包含某個子串或者是替換某個子串;一般用于表單驗證,數據過濾,格式檢查,數據采集,數據隱藏.
元字符所謂元字符是用來說明匹配類型的,比如
. | 匹配換行符以外的任意字符 |
---|---|
w word | 匹配數字,字母,下劃線,漢字 |
s space | 匹配任意的空白符 |
d digital | 匹配0-9之間數字 |
b border | 匹配單詞的開始或結束 作為邊界 |
^ | 匹配字符串的開始,以XX開頭 |
^在[]里面表示否定,除了[]之外的 | |
$ | 匹配字符串的結尾,以XX結尾 |
規定緊接著的匹配的數量,與全局匹配global不一樣,這里的是單個
* | 重復零次或更多 |
---|---|
+ | 重復一次或更多 |
? | 重復零次或一次 |
{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(/(cat)/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
分支條件 有時候不只是一種匹配規則,比如電話號碼,那么就需要| 把不同的規則分開
0d{2}-d{8}|0d{3}-d{7} 匹配的就是兩種不同的電話號碼
反義所謂反義就是匹配除了之外的所有
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+)s1/.test(str)) //true 在正則自己中用數字表示分組 var one="a1b1c1" console.log(one.replace(/[a-z]d/g,"*")) //*** /?:(d+)/ //忽略此次分組js中正則的使用屬性 RegExp實例屬性
這些屬性基本沒多大用,只是個屬性而已,都能在正則的字面量或構造函數中得出js中的RegExp對象global ignoreCase lastIndex multiline source
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兩個網站
正則可視化正則入門三十分鐘
常用的正則
一、校驗數字的表達式 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)$ 二、校驗字符的表達式 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]+ 三、特殊需求表達式 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-4405222、021-87888822):d{3}-d{8}|d{4}-d{7} 7 身份證號: 15或18位身份證:^d{15}|d{18}$ 15位身份證:^[1-9]d{7}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}$ 18位身份證:^[1-9]d{5}[1-9]d{3}((0d)|(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 空白行的正則表達式: s* (可以用來刪除空白行) 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地址時有用)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/107637.html
摘要:寫在前面正在看的源碼看到了部分感覺以前看的正則表達式基礎知識已經完全不夠用了現翻閱博客資料將一些中正則表達式難用的部分總結歸納方便自己和友翻閱正則分組重復匹配對于重復的匹配我們經常使用到正則表達式的分組功能我們使用正則匹配地址來實踐一下假 [TOC] 寫在前面 - Lionad 正在看VueJS的源碼, 看到了HtmlParser部分, 感覺以前看的正則表達式基礎知識已經完全不夠用了,...
摘要:當以非構造函數形式被調用時,等同于。并且,函數執行完畢后,其活動對象不會被銷毀,因為匿名函數的作用域鏈仍然在引用這個活動對象。知道閉包被銷毀,創建函數的活動對象才會被回收。 本著盡可能多的完善基礎知識,打好基礎,做一條有夢想的咸魚。 1.數據類型 基本數據類型:Undefined,Null,Boolean,Number,String,一種復雜數據類型Object 2.typeof操...
本文收集學習過程中使用到的資源。 持續更新中…… 項目地址 https://github.com/abc-club/f... 目錄 vue react react-native Weex typescript Taro nodejs 常用庫 css js es6 移動端 微信公眾號 小程序 webpack GraphQL 性能與監控 高質文章 趨勢 動效 數據結構與算法 js core 代碼規范...
摘要:對于所訪問的每個元素,函數應該將該元素傳遞給所提供的回調函數。 HTML 在線閱讀Github地址 題目列表 HTML HTML和XHTML的區別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區別 HTML全局屬性(global attribute)有哪些? 常見的瀏覽器內核有哪些? 介紹一下你對瀏覽器內核的理解?...
摘要:對于所訪問的每個元素,函數應該將該元素傳遞給所提供的回調函數。 HTML 在線閱讀Github地址 題目列表 HTML HTML和XHTML的區別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區別 HTML全局屬性(global attribute)有哪些? 常見的瀏覽器內核有哪些? 介紹一下你對瀏覽器內核的理解?...
閱讀 1969·2021-10-25 09:48
閱讀 2798·2021-09-22 14:59
閱讀 1761·2019-08-29 16:52
閱讀 866·2019-08-29 16:07
閱讀 2308·2019-08-29 12:38
閱讀 1760·2019-08-26 13:23
閱讀 883·2019-08-26 11:49
閱讀 3276·2019-08-26 10:56