【踩坑记】正则全局检索失效 - lastIndex在搞事

小丸仔同学

已于 2022-07-08 11:21:48 修改

阅读量404

点赞数

分类专栏：正则表达式文章标签： javascript 开发语言 ecmascript

于 2022-07-08 10:59:11 首次发布

本文链接：https://blog.csdn.net/qq_25174701/article/details/125674155

版权

正则表达式专栏收录该内容

3 篇文章 0 订阅

订阅专栏

【问题】匹配后缀名正则失效，只有个别匹配成功

let regexp = /\.(jpg|JPG)/g;
let data = [
    "aaaaaaaaa.jpg",
    "bbbbbb.jpg",
    "ccccc.jpg",
    "ddddddd.jpg"
];
let arr=[];

function fun(){
  arr2 = data.filter(i=>{
    console.log('匹配前',regexp.lastIndex);
    let match = regexp.test(i);
    console.log('匹配后',regexp.lastIndex);
    return match;
  })
    console.log(arr2)
}
fun()

在这里插入图片描述
【原因】原来是正则的 laseIndex 属性在搞事情

lastIndex
只有正则表达式使用了表示全局检索的 “g” 或者粘性检索的 “y” 标志时，该属性才会起作用。此时应用下面的规则：
如果 lastIndex 大于字符串的长度，则 regexp.test 和 regexp.exec 将会匹配失败，然后 lastIndex 被设置为 0。
如果 lastIndex 等于或小于字符串的长度，则该正则表达式匹配从 lastIndex 位置开始的字符串。
如果 regexp.test 和 regexp.exec 匹配成功，lastIndex 会被设置为紧随最近一次成功匹配的下一个位置。
如果 regexp.test 和 regexp.exec 匹配失败，lastIndex 会被设置为 0

【解决】修改正则为 /\.(jpg|JPG)$/，以后用到全局搜索g 要注意咯