Bir daktilo haritası üzerinde yinelemeye çalışıyorum, ancak hata almaya devam ediyorum ve bu kadar önemsiz bir soruna henüz bir çözüm bulamadım.

Benim kodum:

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

Ve Hatayı alıyorum:

'IterableIteratorShim <[string, boolean]> yazın' bir dizi türü veya bir dize türü değil.

Tam Yığın İzleme:

 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 ve typcript 1.8.10 kullanıyorum ve hedefim es5. Bu sorunu olan var mı?

Onun Map.prototype.forEach((value, key, map) => void, thisArg?) : voidyerine kullanabilirsin

Bunu şu şekilde kullanın:

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];
}

Bunu Array.from()şuna dönüştürmek için yöntemi kullanın Array:

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

Kullanılması Array.from , Array.prototype.forEach () ve işlevleri ok :

Anahtarları yineleyin :

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

Değerleri yineleyin :

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

Girişleri yineleyin :

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

Bu benim için çalıştı. TypeScript Sürümü: 2.8.3

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

Başına "Yeni daktilo harfleri 2.3 sürüm notları --downlevelIteration" :

for..of statements, Array, Call ve New ifadelerindeki Array Destructuring ve Spread öğeleri, kullanılırken varsa ES5 / E3'te Symbol.iterator'ı destekler --downlevelIteration

Bu, varsayılan olarak etkin değildir! Ekle "downlevelIteration": trueBlogunuza tsconfig.jsonveya pas --downlevelIterationbayrağını tsctam yineleyici destek almak için.

Bu yerindeyken, yazabilirsiniz for (let keyval of myMap) {...}ve keyvaltürüne otomatik olarak ulaşılır.

Bu neden varsayılan olarak kapalıdır? TypeScript katılımcısı @ aluanhaddad'a göre ,

İsteğe bağlıdır, çünkü yinelenenlerin tüm kullanımları için (diziler dahil) üretilen kodun boyutu ve potansiyel olarak performans üzerinde çok önemli bir etkiye sahiptir.

ES2015'i ( "target": "es2015"içinde tsconfig.jsonveya tsc --target ES2015daha sonra) hedefleyebiliyorsanız , etkinleştirmek downlevelIterationakıllıca değildir, ancak ES5 / ES3'ü hedefliyorsanız, yineleyici desteğinin performansı etkilememesini sağlamak için kıyaslama yapabilirsiniz (eğer öyleyse, daha iyi olabilirsiniz) kapalı Array.fromdönüştürme veya forEachbaşka bir geçici çözüm ile).

Bu benim için çalıştı.

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

En son TS ve düğümü kullanıyorum (sırasıyla v2.6 ve v8.9) ve şunları yapabilirim:

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

Dizi eşleme yöntemini Map.entries () yinelenebilir öğesine de uygulayabilirsiniz:

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

Ayrıca, diğer yanıtlarda belirtildiği gibi, tsconfig.json dosyanızda alt düzey yinelemeyi etkinleştirmeniz gerekebilir (derleyici seçenekleri altında):

  "downlevelIteration": true,

Bir HTML belgesinde kullanmak için basit bir açıklama.

Bir tür eşlemeniz (anahtar, dizi) varsa, diziyi şu şekilde başlatırsınız:

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

Ve üzerinde yinelemek için, anahtar değerlerden bir dizi oluşturursunuz.

Sadece aşağıdaki gibi bir dizi olarak kullanın:

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

Ardından, HTML'de şunları kullanabilirsiniz:

*ngFor="let key of keys"

Bu döngünün içinde, sadece dizi değerini alırsınız:

this.cityShop.get(key)

Bitti!

Typescript 3.5 ve Angular 8 LTS üzerinde, aşağıdaki gibi tür çevirmek gerekiyordu:

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

İç içe geçmiş işlevleri gerçekten sevmiyorsanız, tuşlar üzerinde de yineleme yapabilirsiniz:

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

Unutmayın, anahtar olmayan yinelemeleri filtrelemeniz gerekir hasOwnProperty, bunu yapmazsanız bir uyarı veya hata alırsınız.