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