Iterieren über Typescript Map

Ich versuche zu Durchlaufen Typoskript Karte, aber ich bekomme Fehler und ich konnte keine Lösung für solch ein triviales problem.

Mein code ist:

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

Und ich bekomme die Fehlermeldung:

Typ 'IterableIteratorShim<[string, boolean]>' ist nicht ein array oder ein string-Typ.

Volle Stack-Trace:

Fehler: Typoskript gefunden, das folgenden Fehler:
/home/project/tmp/broccoli_type_script_compiler-input_base_path-q4GtzHgb.tmp/0/src/app/project/project-data.service.ts (21, 20): Geben Sie 'IterableIteratorShim<[string, boolean]>' ist nicht ein array oder ein string-Typ.
bei BroccoliTypeScriptCompiler._doIncrementalBuild (/home/project/node_modules/Winkel-cli/lib/Brokkoli/broccoli-Typoskript.js:115:19)
bei BroccoliTypeScriptCompiler.bauen (/home/project/node_modules/Winkel-cli/lib/Brokkoli/broccoli-Typoskript.js:43:10)
in /home/Projekt/node_modules/Brokkoli-caching-writer/index.js:152:21
bei lib$Anmeldung$die$internen$$tryCatch (/home/project/node_modules/rsvp/dist/rsvp.js:1036:16)
bei lib$Anmeldung$die$internen$$invokeCallback (/home/project/node_modules/rsvp/dist/rsvp.js:1048:17)
bei lib$Anmeldung$die$internen$$veröffentlichen (/home/project/node_modules/rsvp/dist/rsvp.js:1019:11)
bei lib$Anmeldung$asap$$flush (/home/project/node_modules/rsvp/dist/rsvp.js:1198:9)
bei _combinedTickCallback (intern/Prozess/next_tick.js:67:7)
beim Prozess._tickCallback (intern/Prozess/next_tick.js:98:9)

Ich bin mit Winkel-cli-beta5 und Typoskript 1.8.10 und mein Ziel ist es5.
Hat jemand dieses Problem gehabt?

Kommentar zu dem Problem
Siehe diese Antwort von github github.com/Microsoft/TypeScript/issues/... Kommentarautor: yurzui
Danke. Auch ein wenig seltsam, dass Sie noch diskutieren über dieses Thema. Kommentarautor: mwe

InformationsquelleAutor der Frage mwe | 2016-06-08

  1. 56

    Könnten Sie Map.prototype.forEach((value, key, map) => void, thisArg?) : void statt

    Verwenden Sie es wie diese:

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

    InformationsquelleAutor der Antwort rinukkusu

  2. 16

    Nur Arrays verwendet werden.aus () - Methode auf, konvertiert es in ein Array:

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

    InformationsquelleAutor der Antwort 6qat

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

    InformationsquelleAutor der Antwort WhereDatApp.com

  4. 4

    Pro die Typoskript 2.3 release notes auf "Neue --downlevelIteration":

    for..of statements, Array Destructuring, und die Ausbreitung der Elemente im Array, Nennen, und Neue Ausdrücke support-Symbol.iterator in ES5/E3, wenn dann verfügbar, wenn --downlevelIteration

    Dies ist standardmäßig nicht aktiviert! Hinzufügen "downlevelIteration": true zu Ihrem tsconfig.json oder pass --downlevelIteration Flagge zu tsc, erhalten Sie die volle iterator-support.

    In diesem Ort, können Sie schreiben for (let keyval of myMap) {...} und keyval's-Typ wird automatisch abgeleitet.

    Warum ist das standardmäßig deaktiviert? Nach Typoskript Beitrag @aluanhaddad,

    Es ist optional, weil es einen sehr signifikanten Einfluss auf die Größe des generierten Codes und potenziell auf die Leistung, für die alle Verwendungen von iterables (einschließlich arrays).

    Wenn du kannst ES2015 ("target": "es2015" im tsconfig.json oder tsc --target ES2015) oder höher, aktivieren downlevelIteration ist ein no-brainer, aber wenn Sie sind targeting-ES5/ES3, könnten Sie benchmark, um sicherzustellen iterator-support-keine Auswirkungen auf die Leistung (wenn Sie es tut, Sie könnten besser mit Array.from Umwandlung oder forEach oder einen anderen workaround).

    InformationsquelleAutor der Antwort Ahmed Fasih

  5. 4

    Mit Array.aus, Array.der Prototyp.forEach(), und Pfeil-Funktionen:

    Iteration über die Schlüssel:

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

    Iteration über die Werte:

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

    Iteration über die Einträge:

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

    InformationsquelleAutor der Antwort Tobold

  6. 1

    Ich bin mit der neuesten TS und Knoten (v2.6 und v8.9 jeweils) und ich tun kann:

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

    InformationsquelleAutor der Antwort lazieburd

  7. 1

    Dieser arbeitete für mich. Typoskript Version: 2.8.3

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

    InformationsquelleAutor der Antwort Debashish Sen

  8. 0

    Wenn Sie nicht wirklich mögen, verschachtelte Funktionen, können Sie auch die Iteration über die Schlüssel:

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

    Hinweis, Sie haben heraus zu filtern, die nicht-Schlüssel-Iterationen mit der hasOwnProperty, wenn Sie dies nicht tun, erhalten Sie eine Warnung oder eine Fehlermeldung.

    InformationsquelleAutor der Antwort peterh

Schreibe einen Kommentar