JavaScript正则踩坑——RegExp.test()和RegExp.lastIndex

最新推荐文章于 2023-02-09 11:15:22 发布
原创 最新推荐文章于 2023-02-09 11:15:22 发布 · 1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#正则 #RegExp #test()

本文通过实例代码探讨了JavaScript中RegExp.test()方法与lastIndex属性的关系。当正则表达式带有全局标志时，test()会改变lastIndex，影响后续匹配。了解这一特性对于避免正则使用中的错误至关重要。

RegExp.test()和RegExp.lastIndex

首先感谢同学帮助分析问题，最终才找到问题。

话不多说，直接上代码说问题

  1. 第一版代码
    const result = parent.filter((child: ITree): boolean =>{
   
   
      console.log(reg.test(child
最低0.47元/天 解锁文章
日常踩坑记录-js正则匹配规则之lastIndex
qq_39236404的博客
04-10 443
复盘时间到 好家伙，又到了日常的复盘时间。来复盘一下我刚碰到的这个正则的问题。 img-1img-2先看上面两张图，暂且不说这个正则是起什么用的，图img-1里我用/\$\{(.*)\}/g这个正则先后去调用test方法和exec方法去匹配"${}"这个字符串。test返回true，exec返回一个由匹配到的字符串和匹配到的分组组成的数组，这两个方法都正常的返回了结果。在图img-2里我把这个正则用变量保存了起来（正则实质上也是对象，图img-1里的两个正则看似相同，其实是两个不同地址的正则对象，只是想
JavaScript-正则表达式方法(RegExp)
m0_63324578的博客
01-18 2391
RegExp对象用于将文本与一个模式匹配。有两种方法可以创建一个RegExp对象：一种是字面量，另一种是构造函数。字面量由斜杠(/)包围而不是引号包围。构造函数的字符串参数由引号而不是斜杠包围。
js 关于执行test、exec、match时正则的lastIndex属性
qq_64803883的博客
02-09 495
到这里，终于明白了lastIndex置为0的意义。匹配到{{name}}，说明此时正则匹配从第八个字符开始，也就是说之前执行 test 时返回结果为true ，将reg.lastIndex改为8，这时的lastIndex 影像了exec的执行，那么是不是这样呢？通过测试发现，match的返回结果与reg的lastindex无关，其实从另一方面也可以窥探一些端倪，test、exec是正则的方法，而match是字符串的方法。运行结果：************
regexptest 正则测验工具
04-18
很不错正则校验软件 界面简单 功能强大
RegExp的test()方法
david___的博客
12-29 3397
很多基础都不是太清楚，从今天开始把基础夯实。 昨天写代码用到了test()，知道这是正则表达式对象的一个方法，但是记得不是太清楚，总结一下 语法： regexObj.test(str) 参数是一个字符串类型的值，The test() method executes a search for a match between a regular expression and a speci
JavaScript中RegExp的test方法详解
大菜鸟的博客
03-05 9955
RegExp.prototype.test() ** RegExp.prototype.test()方法为指定正则表达式和指定字符串执行一次匹配，返回true或false。** var regex1 = RegExp('foo*'); var regex2 = RegExp('foo*','g'); var str1 = 'table football'; console.log(regex1....
JS正则RegExp.test()使用注意事项(不具有重复性)
10-20
JavaScript中有一个RegExp对象，它包含很多处理正则表达式的属性和方法，其中.test()是RegExp对象的一个方法，用于测试字符串中是否存在符合正则表达式的子串。当正则表达式设置了全局匹配标志g时，.test()方法可以...
<script> function demo() { var regexp = /s/g var str = 's_s_s_s_s_s_s_s' regexp.test(str) alert(regexp.lastIndex) regexp.test(str) alert(regexp.lastIndex) regexp.test(str) alert(regexp.lastIndex) regexp.test(str) alert(regexp.lastIndex) regexp.test(str) alert(regexp.lastIndex) } demo() </script>
最新发布
07-25
引用[1]提到了正则表达式对象（RegExp）的exec()、test()和lastIndex属性，引用[2]详细介绍了正则表达式的标志（g和y）以及边界匹配。这些内容与lastIndex的工作机制密切相关[^1][^2]。 §§相关问题§§ 1. 如何...
21世纪高等学校计算机规划教材第4章JavaScript正则表达式培训资料.ppt
07-13
### JavaScript正则表达式应用实例 在JavaScript中，可以使用正则表达式进行实际的字符串处理。例如，创建一个正则表达式对象来匹配以“.js”结尾的文件名，可以采用以下两种方式之一： ```javascript var re = /....
从RegExp.prototype.test()开始说正则的lastIndex属性
weixin_33810006的博客
11-15 185
故事的开始是这样的: 需要做的就是为这个列表加上搜索功能。为了更简单的说明问题，这个问题最后就相当于对原始name数组进行一次匹配过滤，于是想当然的有了类似下面的代码： var ori=['李同学1','李同学2','李同学3','刘同学'] var searchText='李' var reg = new RegExp('.*'+...
JS正则表达式RegExp.test(),第一次true，第二次false
AS_JOPO的专栏
03-18 1595
RegExp.test()异常分析 现象 代码如下： var a= /^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/g a.test('192.168.1.1') // true a.test('192.168.1.1') // false 如上的代码，第一次测试返回true，第二次以及之后的调用都会返回false。 原因 这是因为RegExp.test()方法，第一次从位置0开始查找，可以匹配；第二次的查找位置就不是0了，说以就不能匹配了（这个原因是aitangyong说的，
使用RegExp 对象方法 test() 过滤树形
Z_Wonderful的博客
03-24 1393
项目场景： js树形数据结构的搜索 描述： 根据搜索条件筛选树形数据 树形数据： var tree = [{ id: '01', text: '广东省', children: [{ id: '011', text: '广州市', children: [ { id: '0111',
js：RegExp 对象之test方法
pigpigbond的博客
04-12 380
js：RegExp 对象之test方法 // 请用户输入一个密码 var pwd = prompt() // 定义正则表达式规定密码必须是6位数字 // 回顾正则 \d // 坑： test 验证管的很松，只要字符串含有能返后true， // 解决: 在正则表达式中使用^ 和$ 从字符串开头到结尾只能符合正则表达式, // var reg = /\d{6}/;//asd123456能通过验证，不符合密码是
JavaScript RegExp.test() 方法
weixin_30878361的博客
11-26 187
定义和用法： test() 方法用于检测一个字符串是否匹配某个模式. 语法： RegExpObject.test(string); RegExpObject:正则表达式; string:必须参数，要检测的字符串; 返回值： 如果字符串：string 含有与正则表达式：RegExpObject匹配的文本，则返回true，否则返回false； 说明： 调用 RegExp 对象 r ...
正则表达式中使用test方法时不要忽略lastIndex属性带来的影响
这个昵称没有被占用吧的博客
12-04 555
const handlePage = (page) =&amp;gt; { const reg = new RegExp(`${page}_`, &quot;g&quot;); return (action) =&amp;gt; { if(!reg.test(action.type)){ return &quot;error&quot;; } return &quot;success&quot;; } } const p
js正则属性详解 外加踩过的一个的坑（lastIndex）
wen_binobject的博客
05-16 1066
每个RegExp对象都包含5个属性，source、global、ignoreCase、multiline、lastIndex。 1.source：是一个只读的字符串，包含正则表达式的文本。 const reg = /haha/; console.log(reg.source); //haha 2. global：是一个只读的布尔值，看这个正则表达式是否带有修饰符g。 修饰符g，是...
JavaScript RegExp 对象参考手册 test() 方法
stephen830
03-12 233
JavaScript test() 方法   返回 JavaScript RegExp 对象参考手册 （目录）   定义和用法 test() 方法用于检测一个字符串是否匹配某个模式. 语法 RegExpObject.test(string)     参数描述 string 必需。要检测的字符串。 返回值 如果字符串 string 中含有与 RegExpObject 匹配的...
正则表达式test（）方法
CKT0816的博客
03-09 6804
正则表达式中的 test() 方法用来检测一个字符串是否匹配某个正则表达式 test() 方法的具体格式如下： regexp.test(string) regexp 表示正则表达式对象，参数 string 表示要检测的字符串。如果字符串 string 中含有与 regexp 正则表达式匹配的文本，则返回 true；否则返回 false。 示例1 在下面示例中，使用 test() 方法检测字符串中是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值