淺談regExp的test方法取得的值變化的原因及處理方法
更新時間：2017年03月01日 09:23:17 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談regExp的test方法取得的值變化的原因及處理方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
1、JavaScript 正則表達式對象RegExp的test方法，用于檢測一個字符串是否匹配某個模式。
字面量定義RegExp對象：var re = /pattern/attributes，其中attributes可以是g,i,m；
閱讀以下程序：
<script type="text/javascript">
var str = 'abc123';
var re = /^abc/g ;
var result1 = re.test(str);
var result2 = re.test(str);
var result3 = re.test(str);
document.write('result1:' + result1 + '<br/>');
document.write('result2:' + result2 + '<br/>');
document.write('result3:' + result3);
</script>
我們會認為打印結(jié)果應該是true;true;true;
而實際情況卻是true;false;true;
2、為什么第二個結(jié)果是false？
發(fā)現(xiàn)RegExp對象有一個lastIndex的屬性，如果使用了全局修飾符，那么執(zhí)行test方法后，lastIndex就會記錄匹配的字符串在原始字 符串中最后一位的索引加一，例如執(zhí)行了var result1 = re.test(str)后lastIndex為3(document.write('re.lastindex:' + re.lastIndex+ '<br/>');)，如果沒有發(fā)現(xiàn)匹配lastIndex置為0。當下次再執(zhí)行時，對給定的字符串匹配不是從開頭位置，而是要依據(jù)lastIndex提供的位置，由于這個原因，所以導致上例中result2的值為false。
3、處理方法：去除g;
即：var re = /^abc/g ;變?yōu)?var re = /^abc/;
以上這篇淺談regExp的test方法取得的值變化的原因及處理方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
如何才能學好JS？在這里給大家總結(jié)一些學習Js的經(jīng)驗，希望能對你們有所幫助。2021-05-05
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了javascript常用函數(shù),歸納整理了一些常用的函數(shù)便于大家查詢參考,需要的朋友可以參考下2014-10-10
這篇文章主要給大家介紹了關(guān)于js中arguments對象的深入理解，文中通過示例代碼介紹的非常詳細，對大家學習或者使用javascript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
在日常前端開發(fā)過程中，常用到頁面列表加載。這篇文章主要為大家介紹三種常用方法，分別是分頁加載、按鈕加載以及滾動加載，需要的可以參考一下2022-09-09
echarts餅圖labelLine線的長度自適應設(shè)置
這篇文章主要給大家介紹了關(guān)于echarts餅圖labelLine線的長度自適應設(shè)置的相關(guān)資料,在echarts中,餅圖的標簽線可以通過設(shè)置 labelLine屬性來自定義位置,需要的朋友可以參考下2023-08-08
V8是Google開發(fā)的JavaScript引擎,采用分代垃圾回收機制自動管理內(nèi)存,包括新生代和老生代,新生代使用Scavenge算法快速回收短生命周期對象,老生代使用標記-清除和標記-整理算法優(yōu)化長期存活對象的回收,V8通過增量標記、并發(fā)GC和增量壓縮等優(yōu)化策略減少垃圾回收對性能的影響2025-02-02
JS獲取URL中參數(shù)值（QueryString）的4種方法分享
今天碰到要在一個頁面獲取另外一個頁面url傳過來的參數(shù)，一開始很本能的想到了用 split("?")這樣一步步的分解出需要的參數(shù)。后來想了一下，肯定會有更加簡單的方法的！所以在網(wǎng)上找到了幾個很又簡單實用的方法，mark下。2014-04-04
這篇文章主要介紹了javascript父子頁面通訊的實現(xiàn)方法,實例分析了javascript針對父子頁面通訊的原理與相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)錨點跳轉(zhuǎn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11