解決js相同的正則多次調(diào)用test()返回的值卻不同的問(wèn)題
更新時(shí)間：2018年10月10日 08:59:02 作者：專注前端30年
今天小編就為大家分享一篇解決js相同的正則多次調(diào)用test()返回的值卻不同的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
代碼是這樣的：
var reg = /^1[345678][0-9]{9}$/g;
console.log(reg.test(15328044636));
console.log(reg.test(15328044636));
會(huì)發(fā)現(xiàn)控制臺(tái)打印的數(shù)據(jù)卻是：
true false
問(wèn)題原因
這是因?yàn)檎齽treg的g屬性，設(shè)置的全局匹配。RegExp有一個(gè)lastIndex屬性，來(lái)保存索引開始位置。
上面的問(wèn)題，第一次調(diào)用的lastIndex值為0，到了第二次調(diào)用，值變成了11。
var reg = /^1[345678][0-9]{9}$/g;
console.log(reg.lastIndex, reg.test(15328044636));
console.log(reg.lastIndex, reg.test(15328044636));
//打印的值
0 true
11 false
解決方案
第一種方案是將g去掉，關(guān)閉全局匹配。
第二種就是在每次匹配之前將lastIndex的值設(shè)置為0。
var reg = /^1[345678][0-9]{9}$/g;
console.log(reg.lastIndex, reg.test(15328044636));
reg.lastIndex = 0;
console.log(reg.lastIndex, reg.test(15328044636));
//打印的值
0 true
0 true
以上這篇解決js相同的正則多次調(diào)用test()返回的值卻不同的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
下面小編就為大家?guī)?lái)一篇淺談js中function的參數(shù)默認(rèn)值。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
這篇文章主要介紹了詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)的方法
本文為大家詳細(xì)介紹下如何通過(guò)JavaScript實(shí)現(xiàn)QueryString獲取GET參數(shù)，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
這篇文章主要為大家詳細(xì)介紹了swiper實(shí)現(xiàn)異形輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉?duì)象的3種方法,在JavaScript中對(duì)象可以通過(guò)兩種方法添加對(duì)象,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
基于JavaScript實(shí)現(xiàn)圖片裁剪功能
在前端開發(fā)中，當(dāng)遇到圖片或頭像上傳等功能時(shí)，有尺寸分辨率限制的話，就需要用到圖片的裁剪功能。本文為大家介紹了JavaScript實(shí)現(xiàn)圖片裁剪功能的示例代碼，希望對(duì)大家有所幫助2023-02-02
基于javascript處理nginx請(qǐng)求過(guò)程詳解
這篇文章主要介紹了基于javascript處理nginx請(qǐng)求過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
JavaScript arguments.callee作用及替換方案詳解
這篇文章主要介紹了JavaScript arguments.callee作用及替換方案詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
本文介紹了jQuery擴(kuò)展、私有域、定義插件的基本步驟等知識(shí)，有需要的朋友可以看下2016-11-11
JS數(shù)組reduce你不得不知道的25個(gè)高級(jí)用法
reduce作為ES5新增的常規(guī)數(shù)組方法之一,對(duì)比f(wàn)orEach 、filter和map,在實(shí)際使用上好像有些被忽略，下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組reduce你不得不知道的25個(gè)高級(jí)用法，需要的朋友可以參考下2021-06-06