JS正则表达式匹配异常：符合规则却无法匹配的问题

首先，我注意到你遇到的核心问题是：在正则测试工具中表现正常的规则，到了Node.js和Chrome里却出现部分文件名匹配失败的情况，这大概率是因为你给正则加了/g全局标志导致的lastIndex残留问题，另外我们也可以优化正则写法来避免其他潜在的匹配异常。

一、核心问题：全局标志/g的隐藏坑 #

在JavaScript中，带有/g标志的正则对象会维护一个lastIndex属性，记录下一次匹配的起始位置。如果不手动重置这个值，后续的匹配会从上一次结束的位置开始，而非从头匹配整个字符串——这就是为什么有些明明符合规则的文件名会匹配失败。

举个直观的例子：

const regex2 = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(-| - )(?<window>.*?)(?<extension>\.(png|jpg|jpeg))/g;

// 第一次匹配成功，lastIndex被设置为当前字符串的长度
console.log(regex2.test('2017-08-31 18_57_42-shouldwork.png')); // true
// 第二次匹配从lastIndex位置开始，自然无法匹配新的字符串
console.log(regex2.test('2017-08-31 18_57_43-shouldwork.png')); // false

// 手动重置lastIndex后，匹配恢复正常
regex2.lastIndex = 0;
console.log(regex2.test('2017-08-31 18_57_43-shouldwork.png')); // true

而在线正则测试工具每次都会自动重置正则的状态，所以不会出现这类问题。

二、优化正则写法，用一个规则覆盖两种格式 #

你原本用了两个正则分别处理带索引和不带索引的文件名，其实可以合并成一个更简洁的正则，同时解决shouldwork2.png这类带数字后缀文件名的匹配问题：

const unifiedRegex = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(?:-| - )(?<window>.*?)(?:(?:-| - )(?<index>\d{6}))?(?<extension>\.(png|jpg|jpeg))$/;

这里做了几个关键优化：

1. 用(?:...)非捕获组减少不必要的捕获，提升匹配性能
2. 把索引部分改成可选组(?:...)?，单个正则即可匹配带/不带索引的文件名
3. 加上$结尾锚定，确保整个字符串都符合规则，避免部分匹配的误判

三、测试验证（所有用例均符合预期） #

用这个合并后的正则测试你的所有文件名：

• '2017-08-31 18_57_42-shouldwork.png' → 匹配成功，index组为undefined
• '2017-08-31 18_57_43-shouldwork.png' → 匹配成功
• '2017-08-31 18_57_42-shouldwork - Kopie.png' → 匹配成功
• '2017-08-31 18_57_42-shouldwork2.png' → 匹配成功
• '2019-03-09 11_11_09 - shouldwork - 000003.png' → 匹配成功，index组为000003
• '2019-03-09 11_11_10 - shouldwork - 000003.png' → 匹配成功
• 'should fail.png' → 匹配失败（符合预期）

四、如果坚持使用原有两个正则的正确姿势 #

如果你还是想保留两个独立的正则，记得每次匹配前重置lastIndex，或者每次创建新的正则实例（避免复用同一个带状态的正则对象）：

// 方式1：每次匹配前重置lastIndex
const regex1 = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(-| - )(?<window>.*?)(-| - )(?<index>\d{6})(?<extension>\.(png|jpg|jpeg))/g;
const regex2 = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(-| - )(?<window>.*?)(?<extension>\.(png|jpg|jpeg))/g;

function testFilename(filename) {
  regex1.lastIndex = 0;
  regex2.lastIndex = 0;
  return regex1.test(filename) || regex2.test(filename);
}

// 方式2：每次创建新正则实例（彻底避免状态残留）
function testFilename(filename) {
  const regex1 = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(-| - )(?<window>.*?)(-| - )(?<index>\d{6})(?<extension>\.(png|jpg|jpeg))/;
  const regex2 = /(?<date>\d{4}-\d{2}-\d{2}) (?<time>\d{2}_\d{2}_\d{2})(-| - )(?<window>.*?)(?<extension>\.(png|jpg|jpeg))/;
  return regex1.test(filename) || regex2.test(filename);
}

内容的提问来源于stack exchange，提问作者Ekusu