摘要:基本內(nèi)容定義正則描述了一種字符串的匹配的模式可以用來檢查一個字符串是否包含某個子串或者是替換某個子串一般用于表單驗(yàn)證數(shù)據(jù)過濾格式檢查數(shù)據(jù)采集數(shù)據(jù)隱藏元字符所謂元字符是用來說明匹配類型的比如匹配換行符以外的任意字符匹配數(shù)字,字母,下劃線,漢字
基本內(nèi)容 定義
正則描述了一種字符串的匹配的模式 ,可以用來檢查一個字符串是否包含某個子串或者是替換某個子串;一般用于表單驗(yàn)證,數(shù)據(jù)過濾,格式檢查,數(shù)據(jù)采集,數(shù)據(jù)隱藏.
元字符所謂元字符是用來說明匹配類型的,比如
. | 匹配換行符以外的任意字符 |
---|---|
w word | 匹配數(shù)字,字母,下劃線,漢字 |
s space | 匹配任意的空白符 |
d digital | 匹配0-9之間數(shù)字 |
b border | 匹配單詞的開始或結(jié)束 作為邊界 |
^ | 匹配字符串的開始,以XX開頭 |
^在[]里面表示否定,除了[]之外的 | |
$ | 匹配字符串的結(jié)尾,以XX結(jié)尾 |
規(guī)定緊接著的匹配的數(shù)量,與全局匹配global不一樣,這里的是單個
* | 重復(fù)零次或更多 |
---|---|
+ | 重復(fù)一次或更多 |
? | 重復(fù)零次或一次 |
{n} | 重復(fù)n次 |
{n,} | 重復(fù)n次或更多 |
{n,m} | 重復(fù)n-m次 |
轉(zhuǎn)義字符,匹配需要的元字符 |
處理選項(xiàng)
i ignoreCase | 忽略大小寫 |
---|---|
m multiline | 多行匹配 |
g global | 全局匹配 |
lastIndex | 當(dāng)前表達(dá)式匹配內(nèi)容的最后一個字符串的下一個位置 |
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貪婪和懶惰
看上面的代碼可知,限定符總是盡可能多的匹配,我們稱之為貪婪 ,但是有時候不需要這么貪婪,反而需要的是懶惰,也就是盡少的匹配,那么?即可表示
*? | 重復(fù)任意次,但盡少匹配 |
---|---|
+? | 重復(fù)最少一次,但盡少匹配 |
?? | 重復(fù)0或1次,但盡少匹配 |
{n,m}? | 重復(fù)n-m次,但盡少匹配 |
{n,}? | 重復(fù)至少n次,但盡少匹配 |
匹配自己規(guī)定的字符,一般用方括號[],[abcd]匹配abcd中任意一個
這樣前面的元字符可有[0-9]匹配d [a-zA-Z0-9]匹配w
分支條件 有時候不只是一種匹配規(guī)則,比如電話號碼,那么就需要| 把不同的規(guī)則分開
0d{2}-d{8}|0d{3}-d{7} 匹配的就是兩種不同的電話號碼
反義所謂反義就是匹配除了之外的所有
W D S B | 與原來的相反 |
---|---|
[^abcd] | 匹配除abcd以外的任意字符 |
重復(fù)單個字符直接加元字符;重復(fù)多個字符則需要用()括起來再加元字符
(d{1,3}.){3}匹配1-3為數(shù)字加點(diǎn) 重復(fù)3次
調(diào)整分組 每個分組都可以用$數(shù)字表示,第一個即$1 這是在replace中表示;在正則自己中則用數(shù)字
忽略分組 ?: 用來忽略組,原來的組就被忽略了,數(shù)字也就變化了
正向前瞻 (?=d) 負(fù)向前瞻 (?!d) 預(yù)測前方是否符合條件
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 在正則自己中用數(shù)字表示分組 var one="a1b1c1" console.log(one.replace(/[a-z]d/g,"*")) //*** /?:(d+)/ //忽略此次分組js中正則的使用屬性 RegExp實(shí)例屬性
這些屬性基本沒多大用,只是個屬性而已,都能在正則的字面量或構(gòu)造函數(shù)中得出js中的RegExp對象global ignoreCase lastIndex multiline source
javascript通過內(nèi)置對象RegExp支持正則表達(dá)式兩種方法實(shí)例化RegExp對象
字面量方法 var reg=/d/gim
構(gòu)造函數(shù)方法 var reg=new RegExp("d","g")
RegExp的實(shí)例方法exec方法 返回包含第一個匹配項(xiàng)信息的數(shù)組(沒有則null),返回結(jié)果有input屬性(應(yīng)用正則的字符串)和index屬性(匹配項(xiàng)在字符串中位置);對于exec而言,沒有設(shè)置g index始終為第一個匹配的,設(shè)置g index則會依次從下一個開始;但是結(jié)果是一樣的
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()方法 返回布爾值,檢驗(yàn)字符串是否與正則相匹配,常與if語句,表單驗(yàn)證結(jié)合
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與正則相關(guān)的string的方法
search方法 接受一個參數(shù):正則或字符串 返回的是第一個的索引,沒有則null
split方法 字符串切割為數(shù)組
replace方法 兩個參數(shù):第一個參數(shù)為字符串或正則;第二個參數(shù)為字符串或函數(shù);函數(shù)接受三個參數(shù),match匹配的字符串、index匹配項(xiàng)在字符串位置、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方法 接受一個參數(shù):正則或RegExp對象 返回的是一個匹配文本有關(guān)的數(shù)組,沒有則null
有g(shù)時,則全局匹配,返回?cái)?shù)組存放字符串中所有匹配子串,沒有input和index屬性
沒有g(shù)時,則非全局匹配,返回?cái)?shù)組的第一個元素存放的是匹配文本,其余元素存放的是與正則的子表達(dá)式匹配的文本;數(shù)組兩個對象屬性,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是正則表達(dá)式的方法;match是字符串的方法;但是返回結(jié)果都是數(shù)組
當(dāng)沒有子串時
exec結(jié)果不受g影響,返回的數(shù)組為第一項(xiàng)匹配;match返回的結(jié)果受g影響,當(dāng)沒有g(shù)則返回第一項(xiàng)匹配,當(dāng)有g(shù)則返回整個數(shù)組
當(dāng)有子串時
exec返回結(jié)果不受g影響,返回的是多項(xiàng)數(shù)組;match返回結(jié)果受g影響,當(dāng)沒有g(shù)則返回多項(xiàng)數(shù)組,當(dāng)有g(shù)則只返回整個數(shù)組
討論的兩種情況 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"]一些實(shí)際例子
將ab,cd,ef 字母倒置
var name="ab,cd,ef" var name2=name.split(";") //分為數(shù)組 for(var i=0;i兩個網(wǎng)站
正則可視化正則入門三十分鐘
常用的正則
一、校驗(yàn)數(shù)字的表達(dá)式 1 數(shù)字:^[0-9]*$ 2 n位的數(shù)字:^d{n}$ 3 至少n位的數(shù)字:^d{n,}$ 4 m-n位的數(shù)字:^d{m,n}$ 5 零和非零開頭的數(shù)字:^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶兩位小數(shù)的數(shù)字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 帶1-2位小數(shù)的正數(shù)或負(fù)數(shù):^(-)?d+(.d{1,2})?$ 8 正數(shù)、負(fù)數(shù)、和小數(shù):^(-|+)?d+(.d+)?$ 9 有兩位小數(shù)的正實(shí)數(shù):^[0-9]+(.[0-9]{2})?$ 10 有1~3位小數(shù)的正實(shí)數(shù):^[0-9]+(.[0-9]{1,3})?$ 11 非零的正整數(shù):^[1-9]d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^+?[1-9][0-9]*$ 12 非零的負(fù)整數(shù):^-[1-9][]0-9"*$ 或 ^-[1-9]d*$ 13 非負(fù)整數(shù):^d+$ 或 ^[1-9]d*|0$ 14 非正整數(shù):^-[1-9]d*|0$ 或 ^((-d+)|(0+))$ 15 非負(fù)浮點(diǎn)數(shù):^d+(.d+)?$ 或 ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ 16 非正浮點(diǎn)數(shù):^((-d+(.d+)?)|(0+(.0+)?))$ 或 ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ 17 正浮點(diǎn)數(shù):^[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 負(fù)浮點(diǎn)數(shù):^-([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 浮點(diǎn)數(shù):^(-?d+)(.d+)?$ 或 ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ 二、校驗(yàn)字符的表達(dá)式 1 漢字:^[u4e00-u9fa5]{0,}$ 2 英文和數(shù)字:^[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 由數(shù)字和26個英文字母組成的字符串:^[A-Za-z0-9]+$ 8 由數(shù)字、26個英文字母或者下劃線組成的字符串:^w+$ 或 ^w{3,20}$ 9 中文、英文、數(shù)字包括下劃線:^[u4E00-u9FA5A-Za-z0-9_]+$ 10 中文、英文、數(shù)字但不包括下劃線等符號:^[u4E00-u9FA5A-Za-z0-9]+$ 或 ^[u4E00-u9FA5A-Za-z0-9]{2,20}$ 11 可以輸入含有^%&",;=?$"等字符:[^%&",;=?$x22]+ 12 禁止輸入含有~的字符:[^~x22]+ 三、特殊需求表達(dá)式 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 手機(jī)號碼:^(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 國內(nèi)電話號碼(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 短身份證號碼(數(shù)字、字母x結(jié)尾):^([0-9]){7,18}(x|X)?$ 或 ^d{8,18}|[0-9x]{8,18}|[0-9X]{8,18}?$ 9 帳號是否合法(字母開頭,允許5-16字節(jié),允許字母數(shù)字下劃線):^[a-zA-Z][a-zA-Z0-9_]{4,15}$ 10 密碼(以字母開頭,長度在6~18之間,只能包含字母、數(shù)字和下劃線):^[a-zA-Z]w{5,17}$ 11 強(qiáng)密碼(必須包含大小寫字母和數(shù)字的組合,不能使用特殊字符,長度在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開頭的數(shù)字,但是,這也意味著一個字符"0"不通過,所以我們采用下面的形式:^(0|[1-9][0-9]*)$ 18 3.一個0或者一個不以0開頭的數(shù)字.我們還可以允許開頭有一個負(fù)號:^(0|-?[1-9][0-9]*)$ 19 4.這表示一個0或者一個可能為負(fù)的開頭不為0的數(shù)字.讓用戶以0開頭好了.把負(fù)號的也去掉,因?yàn)殄X總不能是負(fù)的吧.下面我們要加的是說明可能的小數(shù)部分:^[0-9]+(.[0-9]+)?$ 20 5.必須說明的是,小數(shù)點(diǎn)后面至少應(yīng)該有1位數(shù),所以"10."是不通過的,但是 "10" 和 "10.2" 是通過的:^[0-9]+(.[0-9]{2})?$ 21 6.這樣我們規(guī)定小數(shù)點(diǎn)后面必須有兩位,如果你認(rèn)為太苛刻了,可以這樣:^[0-9]+(.[0-9]{1,2})?$ 22 7.這樣就允許用戶只寫一位小數(shù).下面我們該考慮數(shù)字中的逗號了,我們可以這樣:^[0-9]{1,3}(,[0-9]{3})*(.[0-9]{1,2})?$ 23 8.1到3個數(shù)字,后面跟著任意個 逗號+3個數(shù)字,逗號成為可選,而不是必須:^([0-9]+|[0-9]{1,3}(,[0-9]{3})*)(.[0-9]{1,2})?$ 24 備注:這就是最終結(jié)果了,別忘了"+"可以用"*"替代如果你覺得空字符串也可以接受的話(奇怪,為什么?)最后,別忘了在用函數(shù)時去掉去掉那個反斜杠,一般的錯誤都在這里 25 xml文件:^([a-zA-Z]+-?)+[a-zA-Z0-9]+.[x|X][m|M][l|L]$ 26 中文字符的正則表達(dá)式:[u4e00-u9fa5] 27 雙字節(jié)字符:[^x00-xff] (包括漢字在內(nèi),可以用來計(jì)算字符串的長度(一個雙字節(jié)字符長度計(jì)2,ASCII字符計(jì)1)) 28 空白行的正則表達(dá)式: s* (可以用來刪除空白行) 29 HTML標(biāo)記的正則表達(dá)式:<(S*?)[^>]*>.*?1>|<.*? /> (網(wǎng)上流傳的版本太糟糕,上面這個也僅僅能部分,對于復(fù)雜的嵌套標(biāo)記依舊無能為力) 30 首尾空白字符的正則表達(dá)式:^s*|s*$或(^s*)|(s*$) (可以用來刪除行首行尾的空白字符(包括空格、制表符、換頁符等等),非常有用的表達(dá)式) 31 騰訊QQ號:[1-9][0-9]{4,} (騰訊QQ號從10000開始) 32 中國郵政編碼:[1-9]d{5}(?!d) (中國郵政編碼為6位數(shù)字) 33 IP地址:d+.d+.d+.d+ (提取IP地址時有用)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/107637.html
摘要:寫在前面正在看的源碼看到了部分感覺以前看的正則表達(dá)式基礎(chǔ)知識已經(jīng)完全不夠用了現(xiàn)翻閱博客資料將一些中正則表達(dá)式難用的部分總結(jié)歸納方便自己和友翻閱正則分組重復(fù)匹配對于重復(fù)的匹配我們經(jīng)常使用到正則表達(dá)式的分組功能我們使用正則匹配地址來實(shí)踐一下假 [TOC] 寫在前面 - Lionad 正在看VueJS的源碼, 看到了HtmlParser部分, 感覺以前看的正則表達(dá)式基礎(chǔ)知識已經(jīng)完全不夠用了,...
摘要:當(dāng)以非構(gòu)造函數(shù)形式被調(diào)用時,等同于。并且,函數(shù)執(zhí)行完畢后,其活動對象不會被銷毀,因?yàn)槟涿瘮?shù)的作用域鏈仍然在引用這個活動對象。知道閉包被銷毀,創(chuàng)建函數(shù)的活動對象才會被回收。 本著盡可能多的完善基礎(chǔ)知識,打好基礎(chǔ),做一條有夢想的咸魚。 1.數(shù)據(jù)類型 基本數(shù)據(jù)類型:Undefined,Null,Boolean,Number,String,一種復(fù)雜數(shù)據(jù)類型Object 2.typeof操...
本文收集學(xué)習(xí)過程中使用到的資源。 持續(xù)更新中…… 項(xiàng)目地址 https://github.com/abc-club/f... 目錄 vue react react-native Weex typescript Taro nodejs 常用庫 css js es6 移動端 微信公眾號 小程序 webpack GraphQL 性能與監(jiān)控 高質(zhì)文章 趨勢 動效 數(shù)據(jù)結(jié)構(gòu)與算法 js core 代碼規(guī)范...
摘要:對于所訪問的每個元素,函數(shù)應(yīng)該將該元素傳遞給所提供的回調(diào)函數(shù)。 HTML 在線閱讀Github地址 題目列表 HTML HTML和XHTML的區(qū)別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區(qū)別 HTML全局屬性(global attribute)有哪些? 常見的瀏覽器內(nèi)核有哪些? 介紹一下你對瀏覽器內(nèi)核的理解?...
摘要:對于所訪問的每個元素,函數(shù)應(yīng)該將該元素傳遞給所提供的回調(diào)函數(shù)。 HTML 在線閱讀Github地址 題目列表 HTML HTML和XHTML的區(qū)別 Html的語義化 Doctype的文檔類型 cookie、sessionSttorage、localStory區(qū)別 HTML全局屬性(global attribute)有哪些? 常見的瀏覽器內(nèi)核有哪些? 介紹一下你對瀏覽器內(nèi)核的理解?...
閱讀 2022·2021-10-25 09:48
閱讀 2893·2021-09-22 14:59
閱讀 1819·2019-08-29 16:52
閱讀 934·2019-08-29 16:07
閱讀 2381·2019-08-29 12:38
閱讀 1847·2019-08-26 13:23
閱讀 938·2019-08-26 11:49
閱讀 3350·2019-08-26 10:56