麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > Regex > 正文

JavaScript正則表達式下之相關方法

2020-03-16 20:58:56
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JavaScript正則表達式下之相關方法 的相關資料,需要的朋友可以參考下
 

上篇文章給大家介紹了JavaScript 正則表達式上之基本語法介紹了JavaScript正則表達式的語法,有了這些基本知識,可以看看正則表達式在JavaScript的應用了,在一切開始之前,看看RegExp實例的幾個屬性

JavaScript,正則表達式

RegExp實例對象有五個屬性

1.global:是否全局搜索,默認是false

2.ignoreCase:是否大小寫敏感,默認是false

3.multiline:多行搜索,默認值是false

4.lastIndex:是當前表達式模式首次匹配內容中最后一個字符的下一個位置,每次正則表達式成功匹配時,lastIndex屬性值都會隨之改變。

5.source:正則表達式的文本字符串

除了將正則表達式編譯為內部格式從而使執行更快的compile()方法,對象還有兩個我們常用的方法

regObj.test(strObj)

方法用于測試字符串參數中是否存正則表達式模式,如果存在則返回true,否則返回false

 

復制代碼代碼如下:

 

var reg=//d+/./d{1,2}$/g;reg.test('123.45'); //truereg.test('0.2'); //truereg.test('a.34'); //falsereg.test('34.5678'); //false

 

 

regObj.exec(strObj)

方法用于正則表達式模式在字符串中運行查找,如果 exec() 找到了匹配的文本,則返回一個結果數組。否則,返回 null。除了數組元素和 length 屬性之外,exec() 方法還返回兩個屬性。index 屬性聲明的是匹配文本的第一個字符的位置。input 屬性則存放的是被檢索的字符串 string。

調用非全局的 RegExp對象的 exec() 時,返回數組的第 0 個元素是與正則表達式相匹配的文本,第 1 個元素是與 RegExpObject 的第 1 個子表達式相匹配的文本(如果有的話),第 2 個元素是與 RegExp對象的第 2 個子表達式相匹配的文本(如果有的話),以此類推。

調用全局的RegExp對象的 exec()時,它會在 RegExp實例的 lastIndex 屬性指定的字符處開始檢索字符串 string。當 exec() 找到了與表達式相匹配的文本時,在匹配后,它將把 RegExp實例的 lastIndex 屬性設置為匹配文本的最后一個字符的下一個位置。可以通過反復調用 exec() 方法來遍歷字符串中的所有匹配文本。當 exec() 再也找不到匹配的文本時,它將返回 null,并把 lastIndex 屬性重置為 0。

 

復制代碼代碼如下:

 

var reg=//d/g;var r=reg.exec('a1b2c3'); console.log(reg.lastIndex); //2r=reg.exec('a1b2c3');console.log(reg.lastIndex); //4

 

 

兩次執行r的結果

JavaScript,正則表達式 JavaScript,正則表達式

 

復制代碼代碼如下:

 

var reg=//d/g;while(r=reg.exec('a1b2c3')){ console.log(r.index+':'+r[0]);}

 

 

可以看到結果:

復制代碼代碼如下:
1:13:25:3

 

除了上面的兩個方法,有些字符串函數可以傳入RegExp對象作為參數,進行一些復雜的操作

strObj.search(RegObj)

search() 方法用于檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。search() 方法不執行全局匹配,它將忽略標志 g。它同時忽略 regexp 的 lastIndex 屬性,并且總是從字符串的開始進行檢索,這意味著它總是返回 stringObject 的第一個匹配的位置。

 

復制代碼代碼如下:

 

'a1b2c3'.search(//d/g); //1'a1b2c3'.search(//d/); //1

 

 

strObj.match(RegObj)

match() 方法將檢索字符串 stringObject,以找到一個或多個與 regexp 匹配的文本。但regexp是否具有標志 g對結果影響很大。

如果 regexp 沒有標志 g,那么 match() 方法就只能在 strObj 中執行一次匹配。如果沒有找到任何匹配的文本, match() 將返回 null。否則,它將返回一個數組,其中存放了與它找到的匹配文本有關的信息。該數組的第 0 個元素存放的是匹配文本,而其余的元素存放的是與正則表達式的子表達式匹配的文本。除了這些常規的數組元素之外,返回的數組還含有兩個對象屬性。index 屬性聲明的是匹配文本的起始字符在 stringObject 中的位置,input 屬性聲明的是對 stringObject 的引用。

 

復制代碼代碼如下:

 

var r='aaa123456'.match(//d/);

 

 

JavaScript,正則表達式

如果 regexp 具有標志 g,則 match() 方法將執行全局檢索,找到 strObj 中的所有匹配子字符串。若沒有找到任何匹配的子串,則返回 null。如果找到了一個或多個匹配子串,則返回一個數組。不過全局匹配返回的數組的內容與前者大不相同,它的數組元素中存放的是 strObj 中所有的匹配子串,而且也沒有 index 屬性或 input 屬性。

 

復制代碼代碼如下:

 

var r='aaa123456'.match(//d/g);

 

 

JavaScript,正則表達式

strObj.replace(regObj,replaceStr)

關于strng對象的replace方法,我們最常用的時傳入兩個字符串的做法,但這種做法有個缺陷,只能replace一次

 

復制代碼代碼如下:

 

'abcabcabc'.replace('bc','X'); //aXabcabc

 

 

replace方法的第一個參數還可以傳入RegExp對象,傳入正則表達式可以時replace方法更加強大靈活

 

復制代碼代碼如下:

 

'abcabcabc'.replace(/bc/g,'X'); //aXaXaX'abcaBcabC'.replace(/bc/gi,'X'); //aXaXaX

 

 

如果replace方法的第一個參數傳入的是帶分組的正則表達式,我們在第二個參數中可以使用$1...$9來獲取相應分組內容,比如希望把字符串 1<%2%>34<%567%>89 的<%x%>換為$#x#$,我們可以這樣

 

復制代碼代碼如下:

 

'1<%2%>34<%567%>89'.replace(/<%(/d+)%>/g,'@#$1#@');//1@#2#@34@#567#@89

 

 

當然還有很多方式可以達到這一目的,這里只是演示一下利用分組內容,我們在第二個參數中使用 @#$1#@,其中$1表示被捕獲的分組內容,在一些js模板函數中可以經常見到這種方式替換字符串。

strObj.replace(regObj,function(){})

可以通過修改replace方法的第二個參數,使replace更加強大,在前面的介紹中,只能把所有匹配替換為固定內容,但如果我希望把一個字符串中所有數字,都用小括號包起來該怎么弄

 

復制代碼代碼如下:

 

'2398rufdjg9w45hgiuerhg83ghvif'.replace(//d+/g,function(r){ return '('+r+')';}); //"(2398)rufdjg(9)w(45)hgiuerhg(83)ghvif"

 

 

把replace方法的第二個參數傳入一個function,這個function會在每次匹配替換的時候調用,算是個每次替換的回調函數,我們使用了回調函數的第一個參數,也就是匹配內容,其實回調函數一共有四個參數

1.第一個參數很簡單,是匹配字符串

2.第二個參數是正則表達式分組內容,沒有分組則沒有該參數

3.第三個參數是匹配項在字符串中的index

4.第四個參數則是原字符串

 

復制代碼代碼如下:

 

'2398rufdjg9w45hgiuerhg83ghvif'.replace(//d+/g,function(a,b,c){ console.log(a+'/t'+b+'/t'+c); return '('+a+')';}); 2398 0 2398rufdjg9w45hgiuerhg83ghvif9 10 2398rufdjg9w45hgiuerhg83ghvif45 12 2398rufdjg9w45hgiuerhg83ghvif83 22 2398rufdjg9w45hgiuerhg83ghvif

 

 

這是沒有分組的情況,打印出來的分別是 匹配內容、匹配項index和原字符串,看個有分組的例子,如果我們希望把一個字符串的<%%>外殼去掉,<%1%><%2%><%3%> 變成123

 

復制代碼代碼如下:
'<%1%><%2%><%3%>'.replace(/<%([^%>]+)%>/g,function(a,b,c,d){ console.log(a+'/t'+b+'/t'+c+'/t'+d); return b;}) //123<%1%> 1 0 <%1%><%2%><%3%> <%2%> 2 5 <%1%><%2%><%3%> <%3%> 3 10 <%1%><%2%><%3%>

 

根據這種參數replace可以實現很多強大的功能,尤其是在復雜的字符串替換語句中經常使用。

strObj.split(regObj)

我們經常使用split方法把字符串分割為字符數組

 

復制代碼代碼如下:
'a,b,c,d'.split(','); //["a", "b", "c", "d"]

 

和replace方法類似,在一些復雜的分割情況下我們可以使用正則表達式解決

 

復制代碼代碼如下:
'a1b2c3d'.split(//d/); //["a", "b", "c", "d"]

 

這樣就可以按照數字分割字符串了,是不是很強大。看完這兩篇博客基本就能對平時用到的JavaScript正則表達式游刃有余了。要求在前端把一個div中的英文段落單詞首字母都換成大寫,你是不是知道該怎么做了?



注:相關教程知識閱讀請移步到正則表達式頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日本在线播放一区二区三区 | 欧美精品一区二区性色 | 中文字幕精品一区久久久久 | 欧美一级高清免费 | 成人一级片毛片 | 久久亚洲视频网 | 中国的免费的视频 | 久久精品视频69 | 成人国产精品齐天大性 | 亚洲av一级毛片特黄大片 | 久久精品99久久久久久2456 | 国产高清美女一级毛片久久 | 成人毛片视频在线观看 | 亚洲va久久久噜噜噜久久男同 | 亚洲第一成人在线观看 | 97zyz成人免费视频 | 92看片淫黄大片欧美看国产片 | 高清视频91 | 国产精品视频中文字幕 | 午夜伊人 | 亚洲网站在线观看视频 | 免费一级a毛片在线播放视 日日草夜夜操 | 国产精彩视频在线 | 九九热精品在线 | 九九热视频免费观看 | 黄色毛片视频在线观看 | 日韩黄色在线播放 | 亚洲精品一区二区三区在线看 | 免费毛片在线视频 | 成人午夜高清 | 成人短视频在线播放 | 国产男女爽爽爽爽爽免费视频 | 国产成人高清成人av片在线看 | av在线免费看片 | 狠狠干狠狠操 | 一级黄色大片在线观看 | 精品久久久久久亚洲精品 | 欧美一级小视频 | 久久久久国| 美女wc| 中文字幕在线日韩 |