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 類(lèi)似切片

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ī)則，只要滿(mǎn)足其中的任意一種規(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