DDR爱好者之家

javascript 使用正则test( )第一次是 true,第二次是false
站长资源 2024/11/28 佚名
48 1538
DDR爱好者之家 Design By 杰米

1.前言

今天朋友问我一个问题，我现在需要多次匹配同一个内容，但是为什么我第一次匹配，直接是 true，而第二次匹配确实 false 呢？

var s1 = "MRLP";
var s2 = "MRLP";
var reg = /mrlp/ig;
console.log(reg.test(s1));
console.log(reg.test(s2));

这时候你会发现，我们在连续使用一个正则匹配其他字符串的时候，第一次匹配是 true，而第二次匹配则是 false。

等等，WHT？我匹配的是 MRLP，而且我还特意加上i 用于不区分大小写，可以为什么第一次可以正常匹配，第二次就不行了呢？

这也就是我今天要跟大家说的，关于 JS 中的 lastIndex。

2. lastIndex

在开始讲解之前，首先先带大家简单回顾一下 JS中正则表达式的使用方式。

JS 中正则表达式的使用方式有两种:

第一种是正则表达式对象的方法，常用方法有两个。

  • exec(str) : 检索字符串中指定的值。返回找到的值，并确定其位置
  • test(str) : 检索字符串中指定的值。返回 true 或 false

第二种是字符串对象的方法，常用方法有四个。

  1. match(regexp) : 找到一个或多个正则表达式的匹配
  2. replace(regexp) : 替换与正则表达式匹配的子串
  3. search(regexp) : 检索与正则表达式相匹配的值
  4. split(search) : 把字符串分割为字符串数组

而这些方法和咱们今天所说的 lastIndex 有什么关系呢？

lastIndex 属性用于规定下次匹配的起始位置。

上次匹配的结果是由方法 RegExp.exec( ) 和 RegExp.test( ) 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。

这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。

而且需要注意，该属性只有设置标志 g才能使用。

既然已经知道这个东西的形成原因，那么解决起来就非常简单了。

3.解决方案

3.1 第一种解决方案

如上面所述，我们 lastIndex 属性必须要设置 g 标签才能使用。

那么我们在匹配的时候，可以根据情况，直接去掉 g 标签就可以啦。

var s1 = "MRLP";
var s2 = "MRLP";
var reg = /mrlp/i;
console.log(reg.test(s1)); //true
console.log(reg.test(s2)); //true

3.2 第二种解决方案

很多时候，我们必须要执行 全局匹配（ g ），这时候就不能使用第一种方案了。

其实，我们的lastIndex 属性是可读可写的。

只要目标字符串的下一次搜索开始，就可以对它进行设置。

当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。

这样，我们再次执行全局匹配的时候，就不会出现 false 的情况了。

var s1 = "3206064928：MRLP：3206064928";
var s2 = "MRLP";
var reg = /mrlp/ig;
console.log(reg.test(s1)); //true
console.log(reg.lastIndex);  //reg.lastIndex = 15
reg.lastIndex = 0;     //这里我将 lastIndex 重置为 0
console.log(reg.test(s2)); //true

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米