這篇文章主要介紹“分析js正則之test方法bug”,在日常操作中,相信很多人在分析js正則之test方法bug問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”分析js正則之test方法bug”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)公司服務(wù)項目包括城中網(wǎng)站建設(shè)、城中網(wǎng)站制作、城中網(wǎng)頁制作以及城中網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,城中網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到城中省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
下面的代碼都是在chrome的F12下調(diào)試的,大家可以研究一下
先來看個東西吧。
var re = /\d/; console.log( re.test("1") ); console.log( re.test("1") ); console.log( re.test("1") ); console.log( re.test("1") );
全部是 true 沒問題。。
但是你把 /\d/; 改成 /\d/g; 再試試。
再次修改:
console.log( /\d/g.test("1") ); console.log( /\d/g.test("1") ); console.log( /\d/g.test("1") ); console.log( /\d/g.test("1") );
全部是 true,這究竟是為什么呢?
這些結(jié)果相當(dāng)有意思,當(dāng)然高手自然知道為什么,如果你知道的話,下面其實可以跳過不用看了,全是水文而已。。
正則里有一個 lastIndex
的屬性,是下一次匹配的開始位置。
var re = /\d/g; console.log( re.test("1"), re.lastIndex ); console.log( re.test("1"), re.lastIndex ); console.log( re.test("1"), re.lastIndex ); console.log( re.test("1"), re.lastIndex );
可以看到 第一次匹配結(jié)果為 true
表示匹配成功,此時 lastIndex
記錄下一次匹配的起始位置為 1。
于是第二次匹配的時候 從 "1" 字符串索引 1 的位置匹配,當(dāng)然就匹配失敗了,因為這個字符串只有一個字符,他的索引是 0。
而 /\d/g.test("1")
這個為什么每次匹配成功能呢?
因為它直接用正則字面量,相當(dāng)于每次重新創(chuàng)建一個正則對象,lastIndex
屬性的初始值是 0。
所以每次都能匹配成功。
現(xiàn)在是不是理解了,包括 exec
也一樣,每次匹配一個,lastIndex
記錄下次匹配的起始位置。
如果非要用一個正則對象的,那就只有每次 test
前重置 lastIndex
了,這樣才能保證他不出意外。
var re = /\d/g; console.log( re.test("1") ); re.lastIndex = 0; console.log( re.test("1") ); re.lastIndex = 0; console.log( re.test("1") ); re.lastIndex = 0; console.log( re.test("1") );
到此,關(guān)于“分析js正則之test方法bug”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
新聞標(biāo)題:分析js正則之test方法bug
標(biāo)題網(wǎng)址:http://weahome.cn/article/piedeg.html