开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

与lastIndex匹配的RegExp会导致无限循环

是因为正则表达式的lastIndex属性在全局匹配模式下会影响下一次匹配的起始位置。当一个正则表达式使用全局匹配模式（即带有"g"标志）进行匹配时，每次匹配完成后，lastIndex属性会被设置为当前匹配的结束位置的下一个位置。

如果一个正则表达式的匹配结果可以在字符串中找到多个重叠的位置，而且正则表达式的模式中又包含了lastIndex属性的匹配，那么在循环中使用该正则表达式进行匹配时，会导致无限循环。

例如，考虑以下代码片段：

const regex = /a/g;
const str = "aaa";

let match;
while ((match = regex.exec(str)) !== null) {
  console.log(`匹配到了 ${match[0]}，下一次匹配从索引 ${regex.lastIndex} 开始`);
}

上述代码中，正则表达式/a/g会匹配字符串"aaa"中的所有"a"字符。在第一次循环中，匹配到了第一个"a"字符，lastIndex被设置为1。然后，正则表达式从索引1开始继续匹配，又匹配到了第二个"a"字符，lastIndex被设置为2。接着，正则表达式从索引2开始继续匹配，又匹配到了第三个"a"字符，lastIndex被设置为3。由于字符串中只有三个"a"字符，正则表达式再次从索引3开始匹配时，没有匹配到任何内容，返回null。然而，由于lastIndex属性被设置为3，循环会继续进行，导致无限循环。

为了避免这种情况，我们可以在每次循环中手动重置lastIndex属性，或者使用非全局匹配模式（即不带"g"标志）进行匹配。

腾讯云相关产品和产品介绍链接地址：

云函数（Serverless）：https://cloud.tencent.com/product/scf
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云服务器（CVM）：https://cloud.tencent.com/product/cvm
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（TBC）：https://cloud.tencent.com/product/tbc

相关搜索:useEffect会导致无限循环 While循环中的If循环导致无限循环与大写字母相关的Javascript regexp无限循环为什么while会导致无限循环？为什么下面的目录搜索会导致无限循环？为什么打印这个循环队列会导致无限循环？从子节点设置上下文会导致无限调用循环具有两个setStates的if...else会导致无限循环具有状态依赖关系的useCallback会导致无限循环发布来自web worker的消息会导致无限消息循环

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js正则表达式(一)

调用 RegExp 对象 r 的 test() 方法，并为它传递字符串 s，与这个表示式是等价的：(r.exec(s) != null)。 exec 返回一个数组，其中存放匹配的结果。...因此我们可以这么说，在循环中反复地调用 exec() 方法是唯一一种获得全局模式的完整模式匹配信息的方法。...最新标准已废弃支持正则表达式的 String 对象的方法 search stringObject.search(regexp) 返回值：stringObject 中第一个与 regexp 相匹配的子串的起始位置...split stringObject.split(separator,howmany) 匹配到匹配项，函数未return，会返回undefined，即符合函数的返回值 lastIndex指向问题使用带有...标志考虑到，从而导致匹配失败） regex.lastIndex; // 0 （匹配失败后重置） multiline multiline 是一个布尔对象，如果使用了 “m” 标志，则返回 true；否则

3.8K4 0

JavaScript正则表达式

var pattern6 = new RegExp("\\.at","gi"); 通过RegExp函数定义的正则表达式与字面量定义的有点不同。...此数组的第 0 个元素是与正则表达式相匹配的文本，第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本（如果有的话），第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本...当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。...); //此处RegExp.lastIndex和arr.lastIndex均有同样的属性，可以互换。...，因为re的lastindex在执行之后，属性被重置为0，所以循环一直在0,3处循环。

1K10 0

全面学习正则表达式，从原理到实战

下面是我对正则的理解：正则就是用有限的符号，表达无限的序列，殆已！...，都优先匹配上限而不是下限 a{1, 3} // 匹配字符串'aaa'的话，会匹配aaa而不是a 有时候这不是我们想要的结果，可以在量词后面加上?... // 匹配 123 或 456 或 789 分组与引用分组是正则中非常强大的一个功能，可以让上面提到的量词作用于一组字符，而非单个字符，分组的语法是圆括号包裹(xxx) (abc){2} // 匹配...b", index: 0, input: "abc"] RegExp.$_ // abc 上一次匹配的字符串 RegExp.$1 // b 上一次匹配的捕获分组 RegExp.input // abc... 上一次匹配的字符串 RegExp.lastMatch // ab 上一次匹配成功的字符 RegExp.length // 2 上一次匹配的数组长度实例属性正则表达式的实例上也有一些属性 flags

4472 0

使用 GPT 写代码：高亮页面关键字

="highlight">$&'); 在 innerHTML 匹配关键字，将关键字替换成高亮的 span，然后重新替换 innerHTML 这样实现虽然非常简单，但会导致 shadowRoot...对于每个文本节点，我们使用 exec 方法来查找匹配指定文本的子串，并将每个匹配的子串用黄色高亮显示。...在 TreeWalker 遍历过程中修改节点，会导致遍历到新节点，从而可能会出现意外的结果。为了避免这种情况，我们可以将需要修改的节点保存到一个数组中，在遍历完成后再对这些节点进行修改。...在遍历过程中调用 deleteContents 和 insertNode 方法，会导致遍历到新节点，从而可能会出现意外的结果。...highlightText，已高亮的节点，仍然会创建 span，这就会导致 span 重复嵌套。

3053 0

第七章正则表达式编程

", "/") ); // => "2017/06.27" 2.2 match返回结果的格式问题 match返回结果的格式，与正则对象是否有修饰符 g有关。...上面提到了正则实例的 lastIndex属性，表示尝试匹配时，从字符串的 lastIndex位开始去匹配。...字符串的四个方法，每次匹配时，都是从0开始的，即 lastIndex属性始终不变。而正则实例的两个方法 exec、 test，当正则是全局匹配时，每一次匹配完成后，都会修改 lastIndex。...下面让我们以 test为例，看看你是否会迷糊： var regex = /a/g; console.log( regex.test("a"), regex.lastIndex ); console.log...regex) return ; var result, results = []; // 没有修饰符g的话，会死循环

1.8K6 0

「思维导图学前端」初中级前端值得收藏的正则表达式知识点扫盲

当在循环中用到正则对象lastIndex判断终止条件时，一定不要使用直接量正则表达式写法，否则每次循环lastIndex都会被重置为0，这是因为每次执行字面量正则表达式时，都会转换为一个新的RegExp...对象，相应的lastIndex当然也会变成0。...如果正则表达式设置了全局标志g，执行test()会改变RegExp.lastIndex属性，用于记录上次匹配到的字符的起始索引。...lastIndex会随着exec()和test()的执行而更新 var reg = /\d/g reg.lastIndex // 0 reg.test('123456') reg.lastIndex /...与exec()的不同点在于，如果match方法传入的正则表达式带了标识g，则将返回与完整正则表达式匹配的所有结果，但不会返回捕获组。

4144 0

使用 GPT 写代码：高亮页面关键字

="highlight">$&');在 innerHTML 匹配关键字，将关键字替换成高亮的 span，然后重新替换 innerHTML这样实现虽然非常简单，但会导致 shadowRoot...对于每个文本节点，我们使用 exec 方法来查找匹配指定文本的子串，并将每个匹配的子串用黄色高亮显示。...在 TreeWalker 遍历过程中修改节点，会导致遍历到新节点，从而可能会出现意外的结果。为了避免这种情况，我们可以将需要修改的节点保存到一个数组中，在遍历完成后再对这些节点进行修改。...在遍历过程中调用 deleteContents 和 insertNode 方法，会导致遍历到新节点，从而可能会出现意外的结果。...highlightText，已高亮的节点，仍然会创建 span，这就会导致 span 重复嵌套。

1.8K2 0

es6之regexp

>> y修饰符的作用与g修饰符类似，也是全局匹配，后一次匹配都从上一次匹配成功的下一个位置开始。...>>> 其实y修饰符就是要求下一次匹配的lastIndex位置必须是对应匹配到的元素(粘连)。而g修饰符是lastIndex后拥有匹配到即可。...const regexp = /a/g // 指定从2号位置（y）开始匹配 regexp.lastIndex = 2 // 匹配成功 const match = regexp.exec('xaya')...) // 3 console.log(regexp.lastIndex) // 4 // 进一步说， y修饰符号隐含了头部匹配的标志 ^ 。...，但是字型很相近，比如，\u004B与\u212A都是大写的K。

4991 0

正则的扩展

如果RegExp构造函数第一个参数是一个正则对象，那么可以使用第二个参数指定修饰符。而且，返回的正则表达式会忽略原有的正则表达式的修饰符，只使用新指定的修饰符。...ES6 将这 4 个方法，在语言内部全部调用RegExp的实例方法，从而做到所有与正则相关的方法，全都定义在RegExp对象上。...y修饰符同样遵守lastIndex属性，但是要求必须在lastIndex指定的位置发现匹配。...# RegExp.prototype.sticky 属性与y修饰符相匹配，ES6 的正则实例对象多了sticky属性，表示是否设置了y修饰符。...“后行断言”的实现，需要先匹配/(?<=y)x/的x，然后再回到左边，匹配y的部分。这种“先右后左”的执行顺序，与所有其他正则操作相反，导致了一些不符合预期的行为。

9352 0

基础 | 正则表达式（JS）-入门篇

字符串方面 String方法中有四种方法支持正则表达式 1、search() 该方法是最简单的方法了，它以正则表达式为参数，返回第一个与之匹配的子串的开始字符的位置，如果没有任何匹配的话，返回-1。...multiline同理，代表m是否多行匹配。 lastIndex是一个可读写的整数，存储下一次开始匹配的位置。...PS:无论正则表达式是否具有g标示，exec返回的数组类型都是一样的，但是它会把lastIndex属性设置到紧接匹配子串的字符位置，以便下次继续匹配，因为这点特殊性，exec可以遍历调用。...PS:这个要小心一个坑，如果你用这2个方法匹配多个字符串，而每次匹配一个字符串又没有匹配完时，lastIndex属性不会自己重置为0的。下面是例子。...当在循环中有重复正则匹配的时候，用编译后的正则表达式执行起来，效率更高（前提是正则表达式是固定的，如果你每次循环都需要动态适配新正则的话，是没有效果的）。

2751 0

JavaScript中的正则表达式

，或检索与正则表达式相匹配的子字符串，并返回第一个与之匹配的子字符串的位置 console.log('JAVA is not javascript'.search(/java/i));//0 注意：search...()方法不支持全局检索，因为他会忽略正则表达式参数中的修饰符g replace()：用于检索与替换操作，接收两个参数，第一个是正则表达式，第二个是要进行替换的字符串，该方法可以全局匹配 console.log...is not javascrip match()：用于检索字符串中与正则表达式匹配的结果，参数必须是正则表达式，返回一个由匹配结果组成的数组在match方法中如果正则表达式设置修饰符g，则返回的数组是字符串中所有匹配的结果...对象的属性 RegExp 对象包含5个属性属性描述 global 只读的布尔值，用于说明表达式是否带有修饰符g ignoreCase 只读的布尔值，用于说明表达式是否带有修饰符i lastIndex...，在全局匹配模式下，exec方法会设置lastIndex 属性的值，exec()的下次检索会从lastIndex属性指示的字符处开始检索 var pattern = /java/ig; var text

5192 0

红宝书 📒 5.2 基本引用类型- RegExp

RegExp 前言正则表达式是很重要的。几乎每一门语言都会去支持正则表达式，ECMAScript是通过RegExp类型来支持正则的。...匹配模式标记 g ：全局模式，表示查找字符的全部内容 i ：不区分大小写，表示查找匹配时忽略pattern和字符串的大小写 m ：多行模式，表示查找到一行文本末尾会继续查找 y ：粘附模式，表示只查找从...lastIndex开始及之后的字符串。...5.2.2 RegExp实例方法这里我们介绍两个方法 exec() 和 test() exec() 参数：要应用模式的字符串需求：内部的匹配项"and baby"，内部的 "and dad" 或...构造函数属性通过以下属性可以提取出与exec()和test()执行的操作相关信息 input 缩写 $_ 最后搜索的字符串 lastMatch 缩写 $& 最后匹配的文本 lastParen

3875 0

【JS】128-重温基础：正则表达式

若检索成功，返回「第一个」与RegExp对象匹配的字符串的起始位置，否则返回-1。 let str = "hello leo!"...若检索成功，返回与reg匹配的所有结果的一个「数组」，数组的第一项是进行匹配完整的字符串，之后的项是用圆括号捕获的结果，否则返回null。...2.2.3 replace 将字符串中「指定字符」替换成「其他字符」，或替换成一个与正则表达式匹配的字符串。...，导致第二行输出true，加入u修饰符后ES6就会识别为一个字符，所以输出false。...一个y修饰符对match方法只能返回第一个匹配，与g修饰符搭配能返回所有匹配。

7891 0

记录一次JavaScript正则诡异经历

/).)*'; } return block; }); return new RegExp(`^${regBlock.join('/')}$`, 'ig'); } 问题然后在进行调试的时候发现一个奇怪的现象...连续的执行test()方法，后续的执行将会从 lastIndex 处开始匹配字符串，(exec() 同样改变正则本身的 lastIndex属性值)....通过文档说明得知，当我们正则表达式带有g标识进行全局匹配时，匹配成功后，regex实例中会有一个lastIndex属性去记录本次命中正则的最后一位的下标+1，用于在下一次调用test的时候，从lastIndex...从而导致问题。并且通过验证得出，当匹配成功后，lastIndex会记录下一次开始的位置，但是当匹配失败，lastIndex会归零从头开始。...至此这一次被坑经历耗时60分钟左右，耽误了吃饭最佳时间，导致饭堂菜都快没有。但是同时也收获到JavaScript在正则上一个容易被忽略的坑。好像也不亏。

2612 0

JavaScript正则表达式（Regular Expression）：RegExp对象

第二部分：RegExp对象的属性和方法 2.1属性 2.1.1：修饰符，返回布尔值 ignoreCase：忽略大小写；i；属性只读 global：全局匹配；g；属性只读 multiline：多行匹配；m...index：模式匹配成功的第一个位置（0开始计数）； input：参数字符串如果正则表达式中包含圆括号（即"组匹配"）,返回的数组会包含多个成员；第一个成员是整个匹配成功的结果，第二个成员是圆括号里面匹配成功的结果...split()：按照给定规则对字符串进行分割；返回一个数组，包含分割后各个成员 3.1:String.prototype.match()：字符串的match()方法与正则对象的exec()方法十分相似...：匹配成功返回数组；匹配失败返回null；区别：当正则表达式带有g修饰符，match()会返回所有结果；而exec()返回一个结果。...3.2 String.prototype.search()：返回第一次匹配成功在整个字符串的位置；否则返回-1 同样的，设置lastIndex属性对search()无效；并且search()会忽略g修饰符

8525 0

讲给前端的正则表达式(3)：使用 ES6 特性

它将 RegExp 对象的 lastIndex 属性设置为一个数字，该数字指示搜索停止的位置。...对象有一个名为 lastIndex 的属性。...如果模式匹配失败，则将 lastIndex 设置为0。注意：你可以检查 RegExp 对象是否启用了标志。...const regexp = /([0-9]{2})-([0-9]{2})-([0-9]{4})/y; regexp.lastIndex = 14; console.log(regexp.sticky)...Unicode 标志 ES6 也带来了对 Unicode 的更好支持。添加 Unicode 标志 u 可以启用与 Unicode 相关的其他功能。

5961 0

JavaScript正则表达式

’要翻倍） var pattern = new RegExp('\\t'); 四、正则表达式锚字符 ^：匹配字符串的开头，在多行检索中，匹配一行的开头 $：匹配字符串的结尾，在多行检索中，匹配一行的结尾...: …)：只组合，把项组合到一个单元，但是不记忆与改组相匹配的字符 \n：和第n个分组第一次匹配的字符相匹配，组是圆括号中的子表达式（也有可能是嵌套的），组索引是从左到右的左括号数，“(?...String方法 search()：它的参数是一个正则表达式，返回第一个与之匹配的子串的起始位置，如果没有匹配的子串就返回-1。...，如果不是则通过 RegExp 转换，返回的是一个由匹配结果组成的数组。...如果没有找到任何匹配就返回 null，找到了匹配就返回一个数组，这个数组的第一个元素包含的是与正则表达式相匹配的字符串，余下的元素是与圆括号内的子表达式相匹配的子串，不论正则表达式是否有修饰符g，都会返回一样的数组

8061 0

JavaScript：查找匹配

示例：'abcabc'.indexOf('b',0); //1 'abcabc'.indexOf('b',2); //4 search(regexp) 检索与正则表达式相匹配的值...示例：'abcabc'.search('b'); //1 'abcabc'.search(/b/img); //1 match(regexp) 找到一个或多个正则表达式的匹配...二、RegExp 直接量语法：/pattern/attributes 创建RegExp对象的语法：new RegExp(pattern, attributes); RegExpObject.lastIndex...用于规定下次匹配的起始位置。...attributes： i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m 执行多行匹配。

4604 1

JavaScript之正则表达式的使用方法详细介绍

常见的正则表达式属性三种匹配规则首先介绍一下正则表达式的三种匹配规则：匹配规则符号规则含义 i 匹配时忽略大小写 g 执行全局匹配(会匹配整个语句，而非匹配到第一个目标后终止) m 执行多行匹配...regexp.test(str) alert(regexp.lastIndex) regexp.test(str) alert(regexp.lastIndex...exec()方法返回的是一个字符串的数组：当整句匹配失败时，会返回一个null的空数组；否则，有：数组的第0个元素存储的是整句匹配到的字符串，第1个元素存放的是第一个引用型分组(子表达式)匹配的字符串...1. search(): 检索字符串中与指定的子字符串或正则表达式相匹配的子字符串。...str.match(Regexp/String) // 3.replace() : 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串 str.replace(yourRegexp

9042 0

JavaScript 高级程序设计（第 4 版）- 基本引用类型

# RegExp实例方法 exec(),主要用于配合捕获组使用,参数是要应用模式的字符串如果找到了匹配项，则返回包含第一个匹配信息的数组如果没有找到匹配项则返回null 返回的数组实例包含两个额外的属性...：index和input index是字符串中匹配模式的起始位置 input是要查找的字符串数组的第一个元素时匹配整个模式的字符串，其他元素时与表达式中的捕获组匹配的字符串如果模式中没有捕获组，则数组只包含一个元素...(RegExp.lastParen); // s 捕获组的上一次匹配 } # 模式局限缺少特性 \A和\Z锚（分别匹配字符串的开始和末尾）联合及交叉类原子组 x(忽略空格)匹配模式条件式匹配...match(),返回第一个元素时与整个模式匹配的字符串，其余元素则是与表达式中的捕获组匹配的字符串 search()，返回模式第一个匹配的位置索引 localeCompare() # 单例内置对象...精度会因浏览器、操作系统、指令集和硬件而异。

7022 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭