JavaScript for循环在IE中失效（Chrome/Edge正常）求助

嘿，这个问题我太熟悉了——IE浏览器对ES6及以上特性的支持堪称“古董级”，这就是你的脚本在IE里跑不起来的核心原因！

为什么只有IE出问题？ #

IE（包括IE11）完全不支持ES6引入的Map数据结构，也不支持for...of这类ES6新增的遍历语法。你提到的knicklaengen是Map数组，Chrome、Edge这类现代浏览器早已原生支持ES6+特性，所以运行正常；但IE停留在ES5的支持水平，遇到Map相关的代码（尤其是遍历逻辑）直接就会抛出错误，Brackets的提示也是在提醒你这段代码存在兼容性问题。

解决方法 #

根据你的需求，有两种可行的方案：

方案1：改用ES5兼容的普通对象替代Map #

如果不需要Map的特殊特性（比如键可以是任意类型、有序性等），直接把Map换成普通JavaScript对象是最简单的兼容方式，IE完全支持这种写法：

// 原来的Map写法（IE不支持）
const knicklaengen = new Map();
knicklaengen.set('key1', 'value1');
// 遍历逻辑（IE不支持for...of）
for (const key of knicklaengen.keys()) {
  // 你的操作代码
}

// 改成ES5兼容写法
var knicklaengen = {};
knicklaengen['key1'] = 'value1';
// 遍历逻辑（IE支持）
for (var key in knicklaengen) {
  // 加hasOwnProperty判断，避免遍历原型链上的属性
  if (knicklaengen.hasOwnProperty(key)) {
    // 这里写你的操作逻辑
    console.log(key, knicklaengen[key]);
  }
}

方案2：用Babel转译+Polyfill保留ES6写法 #

如果你必须使用Map和ES6语法，可以通过Babel转译把ES6代码转换成ES5兼容的代码，同时引入core-js这类Polyfill库，给IE补上Map等ES6特性的支持：

• 配置Babel时，将目标环境设置为包含IE（比如targets: { ie: "11" }）
• 引入core-js的polyfill，确保Map的构造函数、遍历方法都能在IE中正常工作

这样你可以继续使用Map和更简洁的ES6语法，转译后的代码就能在IE中运行了。

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