正则表达式的test方法多次使用时会出现问题

在使用正则表达式进行数据验证时,发现正则的test方法有问题

需求: 验证表格行内输入的内容满足一定条件(得到的数据是json数组)

问题: 验证数组的第一组数据成功后,第二组往后的数据都验证失败

经调研得知,每个正则表达式都有lastIndex属性,从第二个开始,这个值会从第 lastIndex 的位置开始匹配,因此,我们需要做的就是将当前值置为0

例:

let demo = /^[A-Z]+[1-9]/g
let arr = ["A1", "A2"]
for (let i = 0; i < arr.length; i++) {
  if (demo.test(arr[i])) {
    console.log(true)  
  } else {
    console.log(false)      
  }  
}

按常理来讲,A1和A2都能匹配上,应该会输出两个true,但实际上是输出一true一false,就是因为在A1匹配完成时,demo这个正则的lastIndex已经从0变为2(即下次匹配的开始位置是从2开始),数组第二个值A2的下标2为null,不匹配,因此失败。

解决办法,在验证了之后将lastIndex值置为0

例: demo.lastIndex = 0  这样就解决了

(此篇内容参考大佬的方案解决,他在文中提出还有一种文体,暂未遇到,如遇到了可以移步直摘至大佬链接

posted @ 2021-02-18 16:56  程序员笔记--vue  阅读(60)  评论(0编辑  收藏  举报