タイプスクリプトマップを反復処理しようとしていますが、エラーが発生し続け、そのような些細な問題の解決策はまだ見つかりませんでした。

私のコードは：

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とtypescript 1.8.10を使用していますが、ターゲットはes5です。誰かがこの問題を抱えていますか？

Map.prototype.forEach((value, key, map) => void, thisArg?) : void代わりに使用できます

次のように使用します。

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

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：

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

使用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);
}

パー「新しいの活字体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ドキュメントで使用するための簡単な説明です。

タイプ（キー、配列）のマップがある場合は、次のように配列を初期化します。

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を使用しない反復をで除外する必要があります。これを行わないと、警告またはエラーが発生します。