正则中的lastIndex使用详解

这次给大家带来正则中的lastIndex使用详解,正则中lastIndex使用的注意事项有哪些,下面就是实战案例,一起来看一下。

依次写出下列输出内容。

var reg1 = /a/;var reg2 = /a/g;console.log(reg1.test('abcabc')); // trueconsole.log(reg1.test('abcabc')); // trueconsole.log(reg1.test('abcabc')); // trueconsole.log(reg1.test('abcabc')); // trueconsole.log(reg2.test('abcabc')); // trueconsole.log(reg2.test('abcabc')); // trueconsole.log(reg2.test('abcabc')); // falseconsole.log(reg2.test('abcabc')); // true

登录后复制

很简单的一个正则表达式测试,查找字符串abcabc中是否有字符a。但是结果却有一个特殊false存在,Why?

lastIndex(针对于带参数g的正则表达式)

在每个实例化的RegExp对象中,都存在一个lastIndex属性,其初始值为0。

/a/.lastIndex // 0new RegExp('a').lastIndex // 0lastIndex表示匹配成功时候,匹配内容最后一个字符所在原字符串中的位置 + 1,也就是匹配内容的下一个字符的index(如果匹配内容在字符串的结尾,同样返回原字符串中的位置 + 1,也就是字符串的length)。如果未带参数g,lastIndex始终为0。var reg = /ab/g;reg.test('123abc');console.log(reg.lastIndex) // 5// 匹配内容在最后var reg = /ab/g;reg.test('123ab');console.log(reg.lastIndex) // 5// 不带参数gvar reg = /ab/;reg.test('123abc');console.log(reg.lastIndex) // 0

登录后复制

而这个lastIndex也就是用该正则进行其他匹配操作的时候匹配开始的位置。而匹配失败时重置lastIndex为0。

var reg = /ab/g;// 初始值为0,从最开始匹配 匹配成功, lastIndex为4console.log(reg.test('12ab34ab'), reg.lastIndex); // true 4// 从第4位字符"3"开始匹配 匹配内容为第二个ab lastIndex 为 8console.log(reg.test('12ab34ab'), reg.lastIndex); // true 8// 从第8位 (字符长度为8,没有第8位) 开始匹配 匹配不成功 重置lastIndex 为 0console.log(reg.test('12ab34ab'), reg.lastIndex); // false 0// 从头匹配 同第一步console.log(reg.test('12ab34ab'), reg.lastIndex); // true 4

登录后复制

看到这里题目也就解答完毕,接下来是扩展。

对于未重新声明的reg容易犯错的地方。

// 测试字符串str1 和 str2 是否都含有ab字符var reg = /ab/g;var str1 = '123ab';var str2 = 'ab123';console.log(reg.test(str1)); // trueconsole.log(reg.test(str2)); // false

登录后复制

很明显这里因为lastIndex的原因导致判断错误。这里可以修改reg不带参数g或则重新声明reg,当然也可以在第一次匹配后手动修改reg.lastIndex = 0。

预查

接着说预查,字面意思就是预备匹配查询,也就是查询匹配内容接下来的内容,但是只是预备查询匹配,并不返回。

经常我们需要匹配到字符串中某些字符后面跟某些字符,但是我们不需要匹配结果中包含后面跟的字符,例如:

找出下面字符串中字符后面是2的所有字符。

var str = 'a1b2c22d31e4fg6h2';'a1b2c22d31e4fg6h2'.match(/[a-z]2/g); // ["b2", "c2", "h2"]

登录后复制

这样,虽然能匹配出字符串带2的,但是数字2我们并不需要,这里只需要字符。而用预查:

'a1b2c22d31e4fg6h2'.match(/[a-z](?=2)/g); // ["b", "c", "h"]

登录后复制

可以看到完全满足条件,但是预查和本文的主题lastIndex又有几毛钱的关系呢?

我们用test来看看,至于为什么用test这里要说明一下,match是匹配所有,直到匹配不成功的时候结束匹配,而匹配不成功时,lastIndex就被重置为0了。

而exec和test是第一次匹配成功或者匹配失败就返回,并不会接着往下匹配。

var reg1 = /[a-z](?=2)/g;var reg2 = /[a-z]2/g;var str = 'a1b2c22d31e4fg6h2';console.log(reg1.test(str), reg1.lastIndex); // true 3console.log(reg1.test(str), reg1.lastIndex); // true 5console.log(reg1.test(str), reg1.lastIndex); // true 16console.log(reg1.test(str), reg1.lastIndex); // false 0console.log(reg2.test(str), reg2.lastIndex); // true 4console.log(reg2.test(str), reg2.lastIndex); // true 6console.log(reg2.test(str), reg2.lastIndex); // true 17console.log(reg2.test(str), reg2.lastIndex); // false 0

登录后复制

看出问题没有?预查的lastIndex不包含预查内容! 这里就可以用来简化很多判断了。

例如我们要匹配密码必须有至少一个大写字母,一个小写字母,一个数字,并且长度至少6位而且只能是数字字母组合。

按照不会预查的情况会这样去判断:

/[a-z]/.test(pwd) && /[A-Z]/.test(pwd) && /d/.test(pwd) && /^[a-zA-Z0-9]{6,}$/.test(pwd);

登录后复制

但是:

/^(?=.*[a-z])(?=.*[A-Z])(?=.*d)[a-zA-Z0-9]{6,}$/.test(pwd)

登录后复制

分解出来看:

(?=.*[a-z]) 是否有小写字母 但是是预查 匹配失败返回false 成功lastIndex不变动,还是为0,同理理解两外预查内容,最后就是6喂以上的字母数字组合匹配,但是前面都是预查,lastIndex始终未0,每次匹配都是从最开始匹配的,所以满足要求。

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

使用正则多行模式与单行模式的图文详解

基于PHP正则零宽断言的使用详解

以上就是正则中的lastIndex使用详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2777945.html

(0)
上一篇 2025年3月8日 15:16:37
下一篇 2025年3月1日 08:57:03

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 正则表达式的replace方法使用详解

    这次给大家带来正则表达式的replace方法使用详解,使用正则表达式的replace方法的注意事项有哪些,下面就是实战案例,一起来看一下。 replace方法是javascript涉及到正则表达式中较为复杂的一个方法,严格上说应该是stri…

    2025年3月8日
    200
  • 正则表达式的grep命令使用详解

    这次给大家带来正则表达式的grep命令使用详解,正则表达式的grep命令使用详解的注意事项有哪些,下面就是实战案例,一起来看一下。 正则表达式是一类用于匹配文本的表达方式,常用于grep命令中表达检索条件。其实就是相当于你在用百度搜索时规定…

    编程技术 2025年3月8日
    200
  • JS中的内置对象Array详解

    本文主要和大家分享JS中的内置对象Array详解,JS的内置对象主要分为四大类:Array  String  Math  Date,我们主要介绍Array,希望能帮助到大家。 Array  数组内的每一项都可以保存任意类型的数据,数组的大小…

    编程技术 2025年3月8日
    200
  • Javascript中new()详解

    和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象。 但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来…

    2025年3月8日
    200
  • 正则里的子表达式使用详解

    这次给大家带来正则里的子表达式使用详解,正则里子表达式使用的注意事项有哪些,下面就是实战案例,一起来看一下。 注:在所有例子中正则表达式匹配结果包含在源文本中的【和】之间,有的例子会使用java来实现,如果是java本身正则表达式的用法,会…

    编程技术 2025年3月8日
    200
  • 正则的位置匹配使用详解

    这次给大家带来正则的位置匹配使用详解,使用正则位置匹配的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了正则表达式教程之位置匹配。分享给大家供大家参考,具体如下: 注:在所有例子中正则表达式匹配结果包含在源文本中的【和】之间…

    编程技术 2025年3月8日
    200
  • 正则的重复匹配使用详解

    这次给大家带来正则的重复匹配使用详解,正则重复匹配使用的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了正则表达式教程之重复匹配。分享给大家供大家参考,具体如下: 注:在所有例子中正则表达式匹配结果包含在源文本中的【和】之间…

    编程技术 2025年3月8日
    200
  • 正则的元字符使用详解

    这次给大家带来正则的元字符使用详解,正则元字符使用的注意事项有哪些,下面就是实战案例,一起来看一下。 注:在所有例子中正则表达式匹配结果包含在源文本中的【和】之间,有的例子会使用Java来实现,如果是java本身正则表达式的用法,会在相应的…

    编程技术 2025年3月8日
    200
  • 正则的操作符使用详解

    这次给大家带来正则的操作符使用详解,使用正则操作符的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例讲述了正则表达式中的操作符及说明。分享给大家供大家参考,具体如下: 一、普通字符 包括所有未显式指定为元字符的打印和非打印字符组成…

    编程技术 2025年3月8日
    200
  • 在linux里使用正则表达式详解

    这次给大家带来在linux里使用正则表达式详解,在linux里使用正则表达式的正则表达式有哪些,下面就是实战案例,一起来看一下。 前言 正则表达式应用广泛,在绝大多数的正则表达式都可以完美应用,在Linux中,也有着极大的用处。 使用正则表…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论