浅谈 js 正则之 test 方法

原文:浅谈 js 正则之 test 方法

其实我很少用这个，所以之前一直没注意这个问题，自从落叶那厮写了个变态的测试我才去看了下这东西。
先来看个东西吧。

?





1

2

3

4

5

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;
再试试。

再次修改：

?





1

2

3

4

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，这究竟是为什么呢？

这些结果相当有意思，当然高手自然知道为什么，如果你知道的话，下面其实可以跳过不用看了，全是水文而已。。

正则里有一个 lastIndex
的属性，是下一次匹配的开始位置。

?





1

2

3

4

5

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 );

可以看到 第一次匹配结果为 true 表示匹配成功，此时
lastIndex 记录下一次匹配的起始位置为 1。
于是第二次匹配的时候
从 "1" 字符串索引 1
的位置匹配，当然就匹配失败了，因为这个字符串只有一个字符，他的索引是 0。

而 /\d/g.test("1")
这个为什么每次匹配成功能呢?
因为它直接用正则字面量，相当于每次重新创建一个正则对象，lastIndex
属性是初始值 0。
所以每次都能匹配成功。

现在是不是理解了，包括 exec 也一样，每次匹配一个，lastIndex
记录下次匹配的起始位置。
如果非要用一个正则对象的，那就只有每次 test 前重置 lastIndex
了，这样才能保证他不出以外。

?





1

2

3

4

5

6

7

8

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") );

好了，今天修改语法高亮插件花了不少时间，所以水了一篇，望大家海涵。。

浅谈 js 正则之 test 方法,布布扣,bubuko.com

时间： 2024-09-28 17:32:15

浅谈 js 正则之 test 方法的相关文章

浅谈 js 正则字面量 与 new RegExp 执行效率

前几天谈了正则匹配 js 字符串的问题:<js 正则学习小记之匹配字符串> 和 <js 正则学习小记之匹配字符串优化篇>.里面讲到了优化正则起到提升性能的问题,但是能提升多少呢?于是我去测试了,发现TMD几乎微乎其微,我用1千字符串进行100万次匹配测试,优不优化根本没区别. 这不科学,我白看了这么多天正则,上天这是在玩弄我么. 突然我想到了 compile 方法,然后去测试了下,奇迹出现了,果然优化过的快了不少. 但这是为什么呢?于是我翻阅资料,在 MDN 上找到了 RegExp

胡博君浅谈Js获取当前时间方法集合

var myDate = new Date(); myDate.getYear();        //获取当前年份(2位) myDate.getFullYear();    //获取完整的年份(4位,1970-????) myDate.getMonth();       //获取当前月份(0-11,0代表1月) myDate.getDate();        //获取当前日(1-31) myDate.getDay();         //获取当前星期X(0-6,0代表星期天) myDate

浅谈JS的数组遍历方法

用过Underscore的朋友都知道,它对数组(集合)的遍历有着非常完善的API可以调用的,_.each()就是其中一个.下面就是一个简单的例子: var arr = [1, 2, 3, 4, 5]; _.each(arr, function(el) { console.log(el); }); 上面的代码会依次输出1, 2, 3, 4, 5,是不是很有意思,遍历一个数组连for循环都不用自己写了._.each()方法遍历数组非常好用,但是它的内部实现一点都不难.下面就一起来看看到底是如何实现_

浅谈 js 字符串 trim 方法之正则篇

position:static(静态定位) 当position属性定义为static时,可以将元素定义为静态位置,所谓静态位置就是各个元素在HTML文档流中应有的位置 podisition定位问题.所以当没有定义position属性时,并不说明该元素没有自己的位置,它会遵循默认显示为静态位置,在静态定位状态下无法通过坐标值(top,left,right,bottom)来改变它的位置. position:absolute(绝对定位) 当position属性定义为absolute时,元素会脱离文档流

浅谈 js 字符串 search 方法

原文:浅谈 js 字符串 search 方法 这是一个很久以前的事情了,好像是安心兄弟在学习js的时候做的练习.具体记不清了,今天就来简单分析下 search 究竟是什么用的. 从字面意思理解,一个是搜索字符串吧. var str = "123456789abcde"; console.log( str.search("abc") ); // 9 确实是搜索指定字符在一个字符串中出现的位置,如果不存在就返回 -1可是这样就跟 indexOf 功能一样了,何必单独搞一

浅谈 js 对象 toJSON 方法

前些天在<浅谈 JSON.stringify 方法>说了他的正确使用姿势,今天来说下 toJSON 方法吧.其实我觉得这货跟 toString 一个道理,他是给 stringify 方法字符串化的时候调用的.看下 MDN 官方文档吧<toJSON behavior>.非常简单,但是要注意的是他和 stringify 方法第二个参数稍微有点不同.因为 stringify 第二个参数是回调函数时,只是对当前 key 对应的值进行修改.而 toJSON 则是对当前对象进行修改.例如: v

浅谈 js eval作用域

就简单聊下如何全局 eval 一个代码. var x = 1; (function () { eval('var x = 123;'); })(); console.log(x); 这个代码得到的是 1 而不是 123如果想让 eval 执行的代码是全局的,那么有几种方法. var x = 1; (function () { window.eval('var x = 123;'); })(); console.log(x); 这个方法标准浏览器都可以得到 123 而IE6-8则依然是 1 相同的

浅谈JS之AJAX

0x00:什么是Ajax? Ajax是Asynchronous Javascript And Xml 的缩写(异步javascript及xml),Ajax是使用javascript在浏览器后台操作HTTP和web服务器进行数据交换(用户不知道也感觉不出来,就跟桌面应用程序似的进行数据交互),它不会导致页面重新加载,这样才有更好的用户体验. Ajax是基于以下开放标准: javascript(DOM) css html xml(json) 通俗的说就是使用了javascript(DOM)的XMLH

浅谈js中的this关键字

浅谈js中的this关键字 全局作用域中的this 函数作用域中的this 不同函数调用方法下的this 直接调用 作为对象的方法调用 作为构造函数调用 通过call或apply方法调用 嵌套函数作用域中的this 浅谈js中的this关键字 this是JavaScript中的关键字之一,在编写程序的时候经常会用到,正确的理解和使用关键字this尤为重要.接下来,笔者就从作用域的角度粗谈下自己对this关键字的理解,希望能给到大家一些启示,权当交流之用. 全局作用域中的this 本文将以作用域由