我试图遍历一个打字稿图，但是我不断收到错误，并且对于这种琐碎的问题我找不到任何解决方案。

我的代码是：

myMap : Map<string, boolean>;
for(let key of myMap.keys()) {
   console.log(key);
}

我得到了错误：

类型'IterableIteratorShim <[string，boolean]>'不是数组类型或字符串类型。

全栈跟踪：

 Error: Typescript found the following errors:
  /home/project/tmp/broccoli_type_script_compiler-input_base_path-q4GtzHgb.tmp/0/src/app/project/project-data.service.ts (21, 20): Type 'IterableIteratorShim<[string, boolean]>' is not an array type or a string type.
    at BroccoliTypeScriptCompiler._doIncrementalBuild (/home/project/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:115:19)
    at BroccoliTypeScriptCompiler.build (/home/project/node_modules/angular-cli/lib/broccoli/broccoli-typescript.js:43:10)
    at /home/project/node_modules/broccoli-caching-writer/index.js:152:21
    at lib$rsvp$$internal$$tryCatch (/home/project/node_modules/rsvp/dist/rsvp.js:1036:16)
    at lib$rsvp$$internal$$invokeCallback (/home/project/node_modules/rsvp/dist/rsvp.js:1048:17)
    at lib$rsvp$$internal$$publish (/home/project/node_modules/rsvp/dist/rsvp.js:1019:11)
    at lib$rsvp$asap$$flush (/home/project/node_modules/rsvp/dist/rsvp.js:1198:9)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)

我正在使用angular-cli beta5和打字稿1.8.10，我的目标是es5。有人遇到过这个问题吗？

您可以Map.prototype.forEach((value, key, map) => void, thisArg?) : void改用

像这样使用它：

myMap.forEach((value: boolean, key: string) => {
    console.log(key, value);
});

只需使用Array.from()方法将其转换为Array：

myMap : Map<string, boolean>;
for(let key of Array.from( myMap.keys()) ) {
   console.log(key);
}

es6

for (let [key, value] of map) {
    console.log(key, value);
}

es5

for (let entry of Array.from(map.entries())) {
    let key = entry[0];
    let value = entry[1];
}

使用Array.from，Array.prototype.forEach（）和箭头函数：

遍历键：

Array.from(myMap.keys()).forEach(key => console.log(key));

遍历值：

Array.from(myMap.values()).forEach(value => console.log(value));

遍历条目：

Array.from(myMap.entries()).forEach(entry => console.log('Key: ' + entry[0] + ' Value: ' + entry[1]));

这对我有用。TypeScript版本：2.8.3

for (const [key, value] of Object.entries(myMap)) { 
    console.log(key, value);
}

根据TypeScript 2.3发行说明中的​​“新建--downlevelIteration”：

for..of statements，“数组”，“调用”和“新”表达式中的，“数组解构”和“传播”元素在使用时支持ES5 / E3中的Symbol.iterator --downlevelIteration

默认情况下未启用此功能！添加"downlevelIteration": true到您的tsconfig.json，或将--downlevelIteration标记传递到tsc，以获得完整的迭代器支持。

使用此功能后，您可以进行写操作，for (let keyval of myMap) {...}并且keyval的类型将被自动推断。

为什么默认情况下将其关闭？根据TypeScript贡献者@aluanhaddad的说法，

它是可选的，因为对于可迭代对象（包括数组）的所有使用，它对生成的代码的大小以及性能都有非常重要的影响。

如果可以将ES2015（定位"target": "es2015"为tsconfig.json或tsc --target ES2015或更高版本）作为目标，那么启用就很downlevelIteration容易了，但是如果要定位ES5 / ES3，则可以进行基准测试以确保迭代器支持不会影响性能（如果这样做会更好）关与Array.from转换或forEach或其他一些解决方法）。

这对我有用。

Object.keys(myMap).map( key => {
    console.log("key: " + key);
    console.log("value: " + myMap[key]);
});

我正在使用最新的TS和节点（分别为v2.6和v8.9），并且可以执行以下操作：

let myMap = new Map<string, boolean>();
myMap.set("a", true);
for (let [k, v] of myMap) {
    console.log(k + "=" + v);
}

您还可以将数组映射方法应用于可迭代的Map.entries（）：

[...myMap.entries()].map(
     ([key, value]: [string, number]) => console.log(key, value)
);

另外，如其他答案所述，您可能必须在tsconfig.json中启用下层迭代（在编译器选项下）：

  "downlevelIteration": true,

只是在HTML文档中使用它的简单说明。

如果您具有Map类型（键，数组），则可以通过以下方式初始化数组：

public cityShop: Map<string, Shop[]> = new Map();

为了对其进行迭代，您需要根据键值创建一个数组。

只需将其用作数组即可，如：

keys = Array.from(this.cityShop.keys());

然后，在HTML中，您可以使用：

*ngFor="let key of keys"

在此循环内，您只需使用以下命令即可获得数组值：

this.cityShop.get(key)

做完了！

在Typescript 3.5和Angular 8 LTS上，要求将其强制类型转换如下：

for (let [k, v] of Object.entries(someMap)) {
    console.log(k, v)
}

如果您真的不喜欢嵌套函数，则还可以遍历键：

myMap : Map<string, boolean>;
for(let key of myMap) {
   if (myMap.hasOwnProperty(key)) {
       console.log(JSON.stringify({key: key, value: myMap[key]}));
   }
}

请注意，您必须使用过滤掉非关键的迭代hasOwnProperty，如果不这样做，则会得到警告或错误。