淺談js正則之test方法bug篇
其實(shí)我很少用這個(gè),所以之前一直沒注意這個(gè)問題,自從落葉那廝寫了個(gè)變態(tài)的測試我才去看了下這東西
下面的代碼都是在chrome的F12下調(diào)試的,大家可以研究一下
先來看個(gè)東西吧。
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)然高手自然知道為什么,如果你知道的話,下面其實(shí)可以跳過不用看了,全是水文而已。。
正則里有一個(gè) 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
表示匹配成功,此時(shí) lastIndex
記錄下一次匹配的起始位置為 1。
于是第二次匹配的時(shí)候 從 "1" 字符串索引 1 的位置匹配,當(dāng)然就匹配失敗了,因?yàn)檫@個(gè)字符串只有一個(gè)字符,他的索引是 0。
而 /\d/g.test("1")
這個(gè)為什么每次匹配成功能呢?
因?yàn)樗苯佑谜齽t字面量,相當(dāng)于每次重新創(chuàng)建一個(gè)正則對象,lastIndex
屬性的初始值是 0。
所以每次都能匹配成功。
現(xiàn)在是不是理解了,包括 exec
也一樣,每次匹配一個(gè),lastIndex
記錄下次匹配的起始位置。
如果非要用一個(gè)正則對象的,那就只有每次 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") );
好了,今天修改語法高亮插件花了不少時(shí)間,所以水了一篇,望大家海涵。。
相關(guān)文章
shell腳本之正則表達(dá)式、grep、sed、awk
這篇文章主要介紹了shell腳本之正則表達(dá)式、grep、sed、awk的相關(guān)知識,非常不錯(cuò),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-04-04javascript 基于正則表達(dá)式的文本框驗(yàn)證代碼
js驗(yàn)證文本框內(nèi)容,以前jb51.net提供過不少是基于js函數(shù)版本的,這里提供一些正則表達(dá)式版本,大家學(xué)習(xí)歸學(xué)習(xí),最好是基于函數(shù)的綁定操作。代碼分離技術(shù)。2009-12-12正則表達(dá)式提取網(wǎng)址、標(biāo)題、圖片等一例(.Net Asp Javascript/Js)的實(shí)現(xiàn)
用各種語言實(shí)現(xiàn)的提取內(nèi)容中的網(wǎng)址,標(biāo)題,圖片等功能代碼,對于大家掌握正則的共用性有很大的幫助。2008-11-11