javascript正則表達(dá)式小結(jié)

KnewOne 發(fā)布于2019-08-20 11:03 / 2728人閱讀

摘要：總結(jié)了一下正則表達(dá)式的內(nèi)容。表格形式，一目了然。若已完成搜索，則會(huì)被自動(dòng)置。若未添加選項(xiàng)，則調(diào)用幾次都是一樣的結(jié)果。若未找到匹配項(xiàng)則返回，且將正則對(duì)象的自動(dòng)置為字符串對(duì)象的有關(guān)方法字符串字符串字符串字符串更多可以參考高設(shè)一章。

總結(jié)了一下javascript正則表達(dá)式的內(nèi)容。表格形式，一目了然。輔以Example圖形解釋。

一、元字符

二、反義字符

三、轉(zhuǎn)義字符

四、重復(fù)匹配

五、分組/捕獲

六、貪婪與惰性

七、修飾符

example

匹配開(kāi)頭為11N, 12N或1NNN，后面是-7-8個(gè)數(shù)字的電話號(hào)碼。

推薦一個(gè)圖形化表示正則的工具
https://regexper.com

將上個(gè)例子翻譯為圖形化表示如下：

解釋一下這個(gè)正則的意思

/(?:([^:;([]*):)?(.*)/

首先 (?:...)?(.*) 看最外邊的兩個(gè)括號(hào)，第一個(gè)是非捕獲型括號(hào)，? 號(hào)作用于這個(gè)括號(hào)。第二個(gè)括號(hào)是捕獲型的，并且匹配多個(gè)任意字符。

然后，([^:;([]*): 這是一個(gè)捕獲型括號(hào)和一個(gè)字符 : 號(hào)

[^:;([]* 捕獲型括號(hào)中又包含一個(gè)字符組([]) 與一個(gè) * 號(hào)，字符組中匹配多個(gè)除了 ; ( [ 的字符

再來(lái)一個(gè)

/(^s*)|(s*$)/g

用js實(shí)現(xiàn)一個(gè)電話號(hào)碼提取的方法。

例如：” 1852145998 020-888-999845 測(cè)試 021 – 85421987, 19865754″得到的結(jié)果應(yīng)該是[1852145998, 020-888-999845 , 021 – 85421987, 19865754]

var str=" 1852145998 020-888-999845 測(cè)試 021  -  85421987, 19865754";
var reg=/(1d+)|(0[0-9s-]+)/g;
console.log(str.match(reg));

正則方法：

.test(字符串):返回一個(gè)布爾值，表示傳入的字符串是否匹配該正則（從lastIndex屬性指示的地方開(kāi)始）

.exec(字符串):返回一個(gè)包含了匹配結(jié)果的數(shù)組（額外具有兩個(gè)屬性：input表示本次搜索的目標(biāo)字符串，即傳入exec方法的參數(shù)；index表示匹配結(jié)果在目標(biāo)字符串內(nèi)的位置）或null（匹配不到）。即使正則添加了g選項(xiàng)，也要通過(guò)多次調(diào)用同一正則對(duì)象的該方法來(lái)繼續(xù)搜索（每次搜索會(huì)從lastIndex屬性指示的地方繼續(xù)。若已完成搜索，則lastIndex會(huì)被自動(dòng)置0）。若未添加g選項(xiàng)，則調(diào)用幾次都是一樣的結(jié)果。若未找到匹配項(xiàng)則返回null，且將正則對(duì)象的lastIndex自動(dòng)置為0

字符串對(duì)象的有關(guān)方法:

字符串.match()
字符串.search()
字符串.split()
字符串.replace()

更多可以參考高設(shè)Regexp一章。