京东的一道笔试题
以下代码输出什么?
var reg=/abc/g;
varstr='abcd';
reg.test(str);
reg.test(str);
我一看大笔一挥true;
显然没有那么简单,我自己跳进了坑里。。。。
我这么一说,你肯定知道答案是false。那这是为什么呢?
首先,在正则表达式中,g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止);test()方法是一个正则表达式方法;用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回true,否则返回false。lastIndex属性可以返回或者设置正则表达式新的一次匹配开始的位置。
接下来我们添加lastIndex输出来看看
var reg=/abc/g;
var str='abcd';
console.log(reg.lastIndex,reg.test(str));//0 true
console.log(reg.lastIndex,reg.test(str));//3 false
很明显,第一次调用test()后,lastIndex就不再等于0,而是等于3,当下次再调用该方法的时候,字符串的匹配会从lastIndex位置开始匹配,所以最终返回false。因此不能随意使用g。
知道了原因,那我们想输出true,很简单:
法一:不使用g;
法二:在第二次使用前,设置reg.lastIndex=0;
完美解决!