由手机号正则引发的思考,正则属性 lastIndex
创始人
2024-05-02 01:52:42
0

问题:

let reg = /^1[3456789]\d{9}$/g 正则是验证手机号的证,为何突然不能验证正确的手机号了呢?其中有何蹊跷?

解决方案:底部有3种解决方案,方案3解决最稳妥

先来看一段正则:

let reg = /^1[3456789]\d{9}$/g

这个正则我们平时用来验证手机号的,好像也看不出什么毛病,把正则放到浏览器控制台,简单代入,可以对手机号正确验证
在这里插入图片描述

接着我们把这个正则拿到实战中使用:

  

再来看看这段代码的结果:

在输入框输入11位手机号后结果怎么和预期的不一样
按预期的想法应该提示 手机号完整 才对,为什么我输入了11位手机号却提示 手机号不完整 呢?

在这里插入图片描述

我们在正则文档上看到有lastIndex这个属性,看描述:

在这里插入图片描述

根据文档我们在写个类似的demo看lastIndex表达的具体意思:

当正则后使用了g 会默认 以 lastIndex 属性所指的位置作为下次检索的起始点
第一次执行regs.test(num),结果为true ,regs.lastIndex 为 1 ,因为匹配到了1,所以从2开始,这里的2索引为1
第二次执行regs.test(num),结果为true ,regs.lastIndex 为 4 ,因为匹配到了1,所以从2开始,这里的2索引为4
第三次执行regs.test(num),结果为false,lastIndex被重置为0,regs.lastIndex为 0
在这里插入图片描述

解决细节bug:

方案1: 把提前打印的去处即可,但这种方法发生bug 的概率还是挺高的

在这里插入图片描述
在这里插入图片描述

方案2: 把正则后面的g去掉即可,此方法简单方便

在这里插入图片描述
在这里插入图片描述

方案3: 想要g ,又能正常验证,把 lastIndex 设置为 0即可

在这里插入图片描述
在这里插入图片描述

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
客厅放八骏马摆件可以吗(家里摆... 今天给各位分享客厅放八骏马摆件可以吗的知识,其中也会对家里摆八骏马摆件好吗进行解释,如果能碰巧解决你...
苏州离哪个飞机场近(苏州离哪个... 本篇文章极速百科小编给大家谈谈苏州离哪个飞机场近,以及苏州离哪个飞机场近点对应的知识点,希望对各位有...