TypeScript遍历RegExp数组时出现迭代器相关编译错误

我太懂你这种困惑了！明明遍历的是正经的数组，怎么TypeScript就揪着“迭代器方法”报错呢？咱们来拆解下问题和解决办法。

先看你给出的代码：

const rgxExpressionPropertyName = [/return \w+\.(\w+);?/, /\(?\w+\)?\s*=>\s*\w+\.(\w+);?/];  
//for each rgx format 
for (var rgx of rgxExpressionPropertyName) {    
    ... 
}  

报错信息Type 'RegExp[]' must have a '[Symbol.iterator]()' method that returns an iterator.确实很误导人——数组在ES6+环境里天生就支持迭代器，问题根本不在数组本身，而是TypeScript的编译目标配置没跟上。

常见原因和解决办法 #

• 编译目标版本过低
  如果你的tsconfig.json里compilerOptions.target设置的是ES3或ES5，TypeScript会默认判定运行环境不支持ES6的迭代器特性，所以抛出这个错误。
  👉 解决：把target改成ES6（或ES2015、ESNext），修改tsconfig.json：

  {
    "compilerOptions": {
      "target": "ES6",
      // 其他项目配置...
    }
  }
  

• 无法升级编译目标？开启降级迭代支持
  要是项目必须兼容低版本JS环境，不能升级target，那可以开启downlevelIteration编译选项，让TypeScript把迭代器语法转换为低版本环境能识别的代码。
  👉 解决：修改tsconfig.json：

  {
    "compilerOptions": {
      "target": "ES5",
      "downlevelIteration": true,
      // 其他项目配置...
    }
  }
  

• 临时应急方案：显式指定数组类型
  要是你想快速绕过这个错误，也可以手动给数组指定RegExp[]类型，让TypeScript明确知道这是一个支持迭代的数组：

  const rgxExpressionPropertyName: RegExp[] = [/return \w+\.(\w+);?/, /\(?\w+\)?\s*=>\s*\w+\.(\w+);?/];  
  for (var rgx of rgxExpressionPropertyName) {    
      ... 
  }  
  

这个问题看着是数组的迭代器问题，本质是TypeScript对运行环境特性的兼容性校验，调整配置基本就能解决啦！

备注：内容来源于stack exchange，提问作者Joshua Frank