TypeScript中嵌套for循环未执行问题求助

你遇到的第二个for...of循环未执行的问题，最可能的原因是运行环境不支持ES6的Set迭代器，或是TypeScript编译目标设置为ES5且未引入必要的polyfill。

具体原因： #

你的代码逻辑本身是正确的——buildChar函数确实给parts这个Set添加了"Head"元素，但当TypeScript编译目标为ES5时，for...of遍历Set的代码会被编译成依赖Symbol.iterator的逻辑。如果你的运行环境（比如旧版浏览器）不支持Symbol.iterator，这段遍历代码就无法正常触发，看起来就像循环没有执行。

另外，部分旧环境对Set的支持不完善，也可能导致遍历行为异常。

解决方法： #

这里有几个可行的方案：

1. 将Set转换为数组后遍历
   把Set转为数组再遍历，兼容性更好：

   function foo(chars: { [x: string]: any; }) {
     for (var charName in chars) {
       const details = chars[charName];
       // 将Set转为数组再遍历
       for (var name of Array.from(details.parts)) { 
         console.log(name); // 现在应该能输出"Head"了
       }
     }
   }
   

2. 使用Set的forEach方法
   直接利用Set内置的forEach方法遍历元素：

   function foo(chars: { [x: string]: any; }) {
     for (var charName in chars) {
       const details = chars[charName];
       details.parts.forEach((name: string) => {
         console.log(name); // 同样能输出"Head"
       });
     }
   }
   

3. 调整TypeScript编译目标并添加polyfill

   • 在tsconfig.json里把target设置为ES6或更高版本：

     {
       "compilerOptions": {
         "target": "ES6"
       }
     }
     

   • 如果需要兼容旧环境，引入core-js之类的polyfill来支持Set和Symbol.iterator。

验证步骤： #

你可以先在foo函数里添加打印，确认parts的状态：

function foo(chars: { [x: string]: any; }) {
  for (var charName in chars) {
    const details = chars[charName];
    console.log(details.parts); // 查看是否为Set及内部元素
    console.log(details.parts.size); // 正常应输出1
    // 后续遍历代码...
  }
}

这样能快速确认parts的实际状态，进一步排查问题。

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