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