深入理解JS正则表达式之test方法及其陷阱-js教程-PHP中文网

深入理解JS正则表达式之test方法及其陷阱

不言

发布： 2018-07-11 09:55:41

原创

2519人浏览过

这篇文章主要介绍了关于深入理解js正则表达式之test方法及其陷阱，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

test方法

test方法介绍

RegExp.prototype.test(str)

登录后复制

test方法用于测试字符串参数中是否存在匹配正则表达式模式的字符串

test方法的使用

let reg = /\w/

reg.test('a')       // true

reg.test('$')       // false

登录后复制

通过结果可以看出，如果测试字符串参数存在匹配正则表达式模式的字符串则返回true，否则返回false

test方法的那些坑

当正则表达式使用了全局匹配时，test方法会出现如下的这种奇怪现象：

let reg = /\w/g

reg.test('ab')      // true

reg.test('ab')      // true

reg.test('ab')      // false

reg.test('ab')      // true

登录后复制

可以看到，每轮的第三次匹配返回会变为true，但是，ab不是都符合reg吗，返回都应该返回true才对。原因就在于上一节提到过的lastIndex属性。

我们可以试试每次都运行test方法都打出reg的lastIndex方法：

let reg = /\w/g
reg.lastIndex       // 0

reg.test('ab')      // true
reg.lastIndex       // 1

reg.test('ab')      // true
reg.lastIndex       // 2

reg.test('ab')      // false
reg.lastIndex       // 0

reg.test('ab')      // true
reg.lastIndex       // 1

登录后复制

看看结果，然后回忆下lastIndex的定义，你就明白原因了。

lastIndex属性是当前表达式匹配内容的最后一个字符的后一位，用于规定下一次匹配的起始位置。

当进入正则表达式全局模式时，每次使用test方法都会从lastIndex开始，匹配从lastIndex开始的子字符串。比如例子中，第二次执行test方法时，此时，lastIndex已经变为2，子字符串为空，所以reg不可能匹配上它。由于子字符串匹配失败，test方法返回false，并将lastIndex属性置为0，重新开始一轮循环。