1跌前、針對(duì)字符串的操作
正則表達(dá)式是針對(duì)字符串的操作棕兼,所以對(duì)于字符串來(lái)說(shuō),即使不用正則表達(dá)工式也可以實(shí)現(xiàn)相同的效果抵乓,只是會(huì)更加麻煩而已伴挚。除了正則,JS中對(duì)于字符串的基本操作有:
- search 找到某個(gè)字符串第一次出現(xiàn)的位置灾炭,找不到返回 -1
var str = 'sfjsf123'
str.search(2) // 6
- substring 類似切片
var str = 'acfed23rf'
str.substring(1,4) // cfe
- charAt() 接收位置參數(shù)章鲤,返回那個(gè)位置的字符
var str = 'sfged34qf'
str.charAt(2) //g
- split 使用分隔符將字符串切割成數(shù)組
var str = '12-df-23df-34'
str.split('-') // ['12', 'df', '23df', '34']
2、用正則表達(dá)式來(lái)操作字符
正則表達(dá)式是 regular expression的縮寫(xiě)咆贬,意為有規(guī)律的表達(dá)式败徊。
- 在JS中創(chuàng)建正則的方式及常用語(yǔ)法
var re = new RegExp('a','i') //i是匹配的過(guò)程中忽略大小寫(xiě),g是全局匹配
var str = 'fed345afj-sko'
re.test(str) //true 如果匹配不到則返回false
等價(jià)于
var re = /a/i //參數(shù)i,還有g(shù)
var str = 'fed345afj-sko'
re.test(str) //true
- search,match,replace掏缎,與正則的配合使用
var str = 'afb-136-Afd45!'
str.search(/a/i) // 0
match 挑出符合匹配的內(nèi)容
var str = 'afb-136-Afd45!'
str.match(/\d/) //只返回第一個(gè)匹配值皱蹦,1,以數(shù)組的形式眷蜈,如果想要挑出全部的匹配項(xiàng)沪哺,需要加參數(shù)g
str.match(/\d/g) // ['1','3','6','4','5']
replace也經(jīng)常與正則配合使用
var str = 'a135sfg-gje23A'
str.replace(/a/gi, 'B') //'B135sfg-gje23B' replace接收兩個(gè)參數(shù),一個(gè)查找的字符酌儒,另一個(gè)替換的字符
3辜妓、正則表達(dá)式的基礎(chǔ)使用
var str = '1a2451b245'
var re = /1[abc]2/g //[]表示或者的關(guān)系,里面只有存在一個(gè)字符,[abc]表示a或者b或者c, [a-z]表示任意字母籍滴,[0-9]表示0-9的任意數(shù)字酪夷,[a-z0-9]表示任意字母或數(shù)字
var re2 = /1a2|1b2|1c2/g //與上一行代碼等價(jià),只是麻煩 孽惰,| 表示或者關(guān)系晚岭。
var re3 = /[^1]/ //[^1]表示除了1的任意字符
var re4 = /./ //.表示任意字符
var re5 = /\d\w/gi // \d表示任意數(shù)字,相當(dāng)于[0-9]; \w表示任意字母勋功、數(shù)字和下劃線坦报,等價(jià)[a-z0-9_]
var re6 = /\s/ //\s就是指一個(gè)空格
var re7 =/\D\W\S/ // \D表示非數(shù)字,相當(dāng)于[^0-9]狂鞋,\S表示除了空格片择,等價(jià)[^\s],\W表示除了字母骚揍、數(shù)字和下劃線的任意字符
**量詞**
var re8 = /a{1,5}/ //表示a最少出現(xiàn)1次构回,最多出現(xiàn)5次
// {m,n}最少出現(xiàn)m次,最多出現(xiàn)n次疏咐; {m, }最少m次最多不限; {m}表示正好出現(xiàn)m次
var re9 = /[1-9]\d{4,10}/g; 表示QQ號(hào)的正則
// + 就是{1, } 最少一次纤掸,最多不限
//*就是{0, }最少0次最多不限(不建議使用)
//?就是{0,1}可以出現(xiàn)也可以不出現(xiàn),出現(xiàn)的話就只有1次
**行首行尾浑塞、單詞邊界**
var re10 = /^\w+@[a-z0-9]\.[a-z]{2,4}$/ 注意\.的轉(zhuǎn)義 ^在[]表示除了借跪,在外面單獨(dú)使用則表示行首
var re11 = /\bmybike\b/
**中文檢測(cè)**
var str2 = 'sfsi34!@#我'
var re12 = /[\u4e00-\u9fa5]/
re.test(str2)
4、分枝和分組
正則表達(dá)式里的分枝條件就是有幾種規(guī)則酌壕,只要滿足其中的任意一種規(guī)則都應(yīng)當(dāng)匹配掏愁,具體的使用方法是用 | 將不同的規(guī)則分隔開(kāi)來(lái)
var re13 = /0\d{2}-\d{8}|0\d{3}-\d{7}/
之前提到了對(duì)于一個(gè)字符的重復(fù)可以使用量詞,但是對(duì)于多個(gè)字符的重復(fù)使用應(yīng)該怎么用
var re14 = /^(\d{1,3}\.){3}\d+$/
5卵牍、后向引用
后向引用就是通過(guò)一個(gè)小括號(hào)來(lái)指定一個(gè)子表達(dá)式果港,在匹配這個(gè)子表達(dá)式的文本(捕獲)的同時(shí)也可以將這個(gè)子表達(dá)式用于后面的表達(dá)式內(nèi)容
var a = 'my kitty kitty is a cat'
var re15 = /\b(\w+)\b\s+\1\b/
re15.test(a) // true 可以匹配 kitty kitty 這部分字符串
默認(rèn)的子表達(dá)式,也就是分組的組名是\1糊昙,也可以自己指定:(?<name>\w+)
6辛掠、零寬斷言和負(fù)向零寬斷言
零寬斷言就是查找某些內(nèi)容,但不包括這些內(nèi)容的之前或者之后的內(nèi)容
(?=exp) 匹配exp前面的內(nèi)容
(?<=exp) 匹配exp后面的內(nèi)容
var re16 = /\b\w+(?=ing\b)/ //匹配singing中的sing或者dancing中的danc部分
var re17 = /(?<=\bre)\w+\b/ //匹配reading中的ading, receive中的ceive部分
負(fù)向零寬斷言就是斷言這個(gè)位置的前面或者后面不匹配什么樣的字符
(?!exp) 斷言這個(gè)位置后面不能匹配exp
var re = /\d{3}(?!\d)/ 表示匹配三位數(shù)字释牺,而且這三位數(shù)字后面不能再出現(xiàn)數(shù)字 '123ab','354@~' 中只匹配了123和354
(?<!exp) 斷言這個(gè)位置的前面不能有exp
var re = /(?<!\d)[a-z]{3}\b/ 匹配前面不是數(shù)字的三個(gè)小寫(xiě)
7萝衩、貪婪和懶惰
var re = /a.*b/ 將匹配以a開(kāi)始以b結(jié)尾的最長(zhǎng)的字符串(貪婪模式)
var re = /a.*?b/ 將匹配任意數(shù)量的重復(fù),但是在能使匹配成功的前提下使用最少的重復(fù)(懶惰模式)没咙,比如
用它來(lái)匹配aaabab將匹配到aaab和ab猩谊,而不會(huì)匹配aaab中的后兩個(gè)字符ab
image.png