正则多次匹配无效的问题

引子

检测一批手机号码是否都符合要求的格式,循环用正则校验,发现无效。去查找了下资料,发现了之前没有注意到地方。

问题

下面是问题重现:

const arr=['18311112222','18344445555','2857898098']
const reg = /^1[3-9]\d{9}$/g;
const result = arr.find(ele => !reg.test(ele));
console.info({result});

// {result: "18344445555"}

按照上面的正则,第二个号码符合要求,却返回了 false ,去查了资料,发现:

如果正则表达式设置了全局标志 gtest() 的执行会改变正则表达式 lastIndex 属性。连续的执行 test() 方法,后续的执行将会从 lastIndex 处开始匹配字符串。

验证一下:

const arr=['18311112222','18344445555','2857898098']
const reg = /^1[3-9]\d{9}$/g;
const result = arr.find(ele => {
  const lastIndex = reg.lastIndex;
  console.info({lastIndex});
  return !reg.test(ele);
});

// {lastIndex: 0}
// {lastIndex: 11}

解决方法

方法 1

去掉全局标志 g ,再想一想这个场景下没有必要使用全局匹配。

方法 2

使用 String.prototype.search()

const arr=['18311112222','18344445555','2857898098']
const reg = /^1[3-9]\d{9}$/g;
const result = arr.find(ele => ele.search(reg) === -1);

方法 3

每次循环匹配的时候,重新声明一个正则。

const arr=['18311112222','18344445555','2857898098']
const result = arr.find(ele => {
  const reg = /^1[3-9]\d{9}$/g;
  return !reg.test(ele);
});

参考资料

posted @ 2021-06-01 09:25  XXHolic  阅读(198)  评论(0编辑  收藏  举报