JS 學習總結(jié)之正則表達式的懶惰性和貪婪性
exec - > 正則的捕獲
每一次捕獲的時候都是先進行默認的匹配，如果沒有匹配成功的，捕獲的結(jié)果是null；只有有匹配的內(nèi)容我們才能捕獲到；
捕獲的內(nèi)容格式
1、捕獲到的內(nèi)容是一個數(shù)組，數(shù)組中的第一項是當前正則捕獲的內(nèi)容
index:捕獲內(nèi)容在字符串中開始的索引位置
input:捕獲的原始字符串
var reg = /\d+/; var str = 'woshi2016ni2017'; var res = reg.exec(str); console.log(res) // ['2016',index:5,input:'woshi2016ni2017'] //第二次通過exec捕獲的內(nèi)容還是第一個"2016" var res = reg.exec(str); console.log(res) // ['2016',index:5,input:'woshi2016ni2017']
2、正則捕獲的特點
1）、懶惰性->每一次執(zhí)行exec只捕獲第一個匹配的內(nèi)容，在不進行任何處理的情況下，在執(zhí)行多次捕獲，捕獲的還是第一個匹配的內(nèi)容。
lastIndex:是正則每一次捕獲在字符串中開始查找的位置，默認值為0
2）、如何解決懶惰性?在正則的末尾加一個修飾符"g"
修飾符：g、i、m
global(g)：全局匹配
ignoreCase(i)：忽略大小寫匹配
multiline(m):多行匹配
var reg = /\d/g; var str = 'woshi2016ni2017'; console.log(reg.lastIndex) console.log(reg.exec(str))
原理:加了全局修飾符g，正則每一次捕獲結(jié)束后，我們的lastIndex的值都變成了最新的值，下一次捕獲從最新的位置開始查找，這樣就可以把所有需要捕獲的內(nèi)容都獲取到了
3）、自己編寫程序獲取正則捕獲的所有的內(nèi)容(一定不要忘了加g)
var reg = /\d+/g;
var str = 'aswofde2015xsewde2016awdefer2017';
var ary = [];
var res = reg.exec(str);
while(res){
ary.push(res[0])
res = reg.exec(str);
}
console.log(ary)//[2015,2016,2017]
4）、貪婪性 正則的每一次捕獲都是按照匹配最長的結(jié)果捕獲的，例如:2符合正則、2015也符合正則，我們默認捕獲的是2015
5）、如何解決正則的貪婪性 ->在量詞元字符后面添加一個？即可
var reg = /\d+?/g;
var str = 'aswofde2015xsewde2016awdefer2017';
console.log(reg.exec(str));
?在正則中有很多的作用:
放在一個普通的元字符后面代表出現(xiàn)0-1次 /\d?/ ->數(shù)字可能出現(xiàn)也可能不出現(xiàn)
放在一個量詞的元字符后面是取消捕獲時候的貪婪性
3、字符串中的match方法->把所有和正則匹配的字符都獲取到
var reg = /\d+?/g;
var str = 'aswofde2015xsewde2016awdefer2017';
var ary = str.match(reg);//[2,0,1,5,2,0,1,6,2,0,1,7]
雖然在當前的情況下match比我們的exec更加的簡便一些，但是match中存在一些自己處理不了的問題，在分組的捕獲的情況下，match只能捕獲大正則匹配的內(nèi)容，而對于小正則捕獲的內(nèi)容是無法獲取的
以上所述是小編給大家介紹的JS 學習總結(jié)之正則表達式的懶惰性和貪婪性，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
下面小編就為大家?guī)硪黄猨avascript中的后退和刷新實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
本文主要介紹js實現(xiàn)上下左右彈框劃出效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)彈出式可拖動登錄框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了JavaScript中Set集合的方法詳情，Set是唯一值的集合。每個值在Set中只能出現(xiàn)一次。一個Set可以容納任何數(shù)據(jù)類型的任何值2022-09-09
JavaScript+Canvas實現(xiàn)繪制音頻可視化波形圖
這篇文章主要為大家詳細介紹了如何利用JavaScript和Canvas實現(xiàn)繪制音頻可視化波形圖,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-02-02
VS?Code中JavaScript環(huán)境搭建配置全過程
node.js大部分基本模塊都用JavaScript語言編寫,JavaScript最早是運行在瀏覽器中,通常作為客戶端程序設計語言使用,node.js的出現(xiàn)使JavaScript也能用于服務端編程,這篇文章主要給大家介紹了關(guān)于VS?Code中JavaScript環(huán)境搭建配置的相關(guān)資料,需要的朋友可以參考下2024-02-02
正則表達式使用單個字符串來描述、匹配一系列符合某個句法規(guī)則的字符串。簡單來說，就是按照某種規(guī)則去匹配符合條件的字符串2017-08-08
在小程序的開發(fā)中，可能起點就是用戶的登錄與注冊了。和粉絲的互動過程中發(fā)現(xiàn)，對于用戶的登錄注冊還是沒有徹底掌握。我們本篇就來分析一下登錄與注冊如何實現(xiàn)2022-08-08
利用hasOwnProperty給數(shù)組去重的面試題分享
obj.hasOwnProperty(attr) 判斷是否是原型中的屬性，false就是原型中的屬性，下面這篇文章主要給大家介紹了一道利用hasOwnProperty給數(shù)組去重的面試題，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了微信小程序 scroll-view的使用案例分析，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06