为何在forEach循环外定义的RegExp对象无法正常工作？

这个问题的关键在于带g（全局匹配）标志的正则表达式对象会维护一个lastIndex属性，它会记住上一次匹配结束的位置，这就导致后续的test()调用不是从字符串的起始位置开始匹配的。

咱们来一步步拆解你遇到的问题：

• 当你在循环外创建regex = new RegExp(/[aeiou]/, 'gi')时，这个正则对象是被所有循环迭代复用的。
• 第一次调用regex.test('p')：没匹配到元音，lastIndex保持0不变。
• 第二次调用regex.test('e')：匹配成功，此时lastIndex会被更新为1（因为匹配的e是单个字符，结束位置是1）。
• 第三次轮到字符a，调用regex.test('a')时，正则会从lastIndex=1的位置开始尝试匹配，但a这个字符串长度只有1，从位置1开始根本没有字符，所以返回false，直接漏检了这个元音。
• 后续的字符比如tree里的e，也会因为lastIndex没有被重置，导致匹配失败，最终统计结果少了好几个元音。

而把正则定义在循环内时，每次迭代都会新建一个RegExp实例，每个新实例的lastIndex都是初始值0，所以每次test(item)都是从单个字符的起始位置开始匹配，自然能正确检测到每一个元音。

其实还有更简洁的解决办法，根本不需要用forEach拆分字符串：

function test(str) {
  const vowelMatches = str.match(/[aeiou]/gi);
  // 如果没有匹配到元音，match会返回null，所以要做个判断
  return vowelMatches ? vowelMatches.length : 0;
}

match()方法会一次性找出所有匹配的元音，返回一个匹配数组，直接取数组长度就是元音数量，完全避开了lastIndex的坑。

另外，如果一定要复用同一个正则，记得每次匹配前手动重置lastIndex为0：

function test(str) {
  var vowelsCount = 0;
  var arr = str.split('');
  var regex = new RegExp(/[aeiou]/, 'gi');
  arr.forEach((item) => {
    regex.lastIndex = 0; // 每次匹配前重置位置
    if(regex.test(item)){
      vowelsCount++;
    }
  });
  return vowelsCount;
}

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