你也可以将数组map方法应用到map .entries()迭代对象上:

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

另外，正如在其他回答中提到的，您可能必须在tsconfig中启用低级迭代。Json(在编译器选项下):

  "downlevelIteration": true,

我使用最新的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。prototype。forEach((value, key, map) => void, thisArg?):改为void

像这样使用它:

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

根据TypeScript 2.3发布说明“New——downlevelIteration”:

for..of语句、数组解构和数组、Call和New表达式中的展开元素支持Symbol。在ES5/E3中使用——downlevelIteration时可用的迭代器

默认情况下不启用!在你的tsconfig中添加"downlevelIteration": true。或者将——downlevelIteration标志传递给tsc，以获得完整的迭代器支持。

有了这些，您可以编写for (let keyval of myMap){…}和keyval的类型将被自动推断。

为什么默认关闭?根据TypeScript贡献者@aluanhaddad，

它是可选的，因为它对生成的代码的大小有非常重要的影响，并且对于所有使用可迭代对象(包括数组)的性能也有潜在的影响。

如果你可以在tsconfig中瞄准ES2015 ("target": " ES2015 ")。如果你的目标是ES5/ES3，你可以进行基准测试，以确保迭代器支持不会影响性能(如果会影响性能，你最好使用Array.from conversion或forEach或其他变通方法)。

只是在HTML文档中使用它的一个简单解释。

如果你有一个类型(key, array)的Map，那么你可以这样初始化数组:

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

为了遍历它，你从键值创建一个数组。

只需将其作为数组使用，如下所示:

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

然后，在HTML中，你可以使用:

*ngFor="let key of keys"

在这个循环中，你只需要得到数组的值:

this.cityShop.get(key)

完成了!

你也可以将数组map方法应用到map .entries()迭代对象上:

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

另外，正如在其他回答中提到的，您可能必须在tsconfig中启用低级迭代。Json(在编译器选项下):

  "downlevelIteration": true,