Itération sur Tapuscrit Carte

Je suis en train de parcourir un fichier d'enregistrement de la carte, mais je continue à recevoir des erreurs et je ne pouvais pas trouver un solution mais pour un banal problème.

Mon code est:

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

Et j'obtiens l'Erreur:

Type 'IterableIteratorShim<[string, boolean]>" n'est pas un tableau de type ou d'un type de chaîne.

Full Stack Trace:

 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)

Je suis en utilisant angulaires-cli beta5 et tapuscrit 1.8.10 et mon objectif est es5.
Quelqu'un a eu ce Problème?

Voir cette réponse à partir de github github.com/Microsoft/TypeScript/issues/...

InformationsquelleAutor mwe | 2016-06-08

122

Vous pouvez utiliser Map.prototype.forEach((value, key, map) => void, thisArg?) : void au lieu

L'utiliser comme ceci:
```
myMap.forEach((value: boolean, key: string) => {
    console.log(key, value);
});
```
- Juste couru dans cette. Ne ressemble pas à Tapuscrit est en respectant les spécifications de la carte d'itération, au moins d'après ce SOCIÉTÉ qui spécifie un pour-de la boucle. .forEach est sous-optimale, puisque vous ne pouvez pas le casser , autant que je sache
- je ne sais pas pourquoi sa valeur clé. Semble reculer.
- c'est comme que, probablement, pour l'harmoniser avec les Array.prototype.map.
InformationsquelleAutor rinukkusu
28

Suffit d'utiliser la Matrice.à partir de() la méthode pour convertir un Tableau:
```
myMap : Map<string, boolean>;
for(let key of Array.from( myMap.keys()) ) {
   console.log(key);
}
```
- La conversion de cartes est un très gourmandes en performances et n'est pas la bonne façon de résoudre un problème qui est essentiellement juste le compilateur de cacher des éléments de base de la langue. Juste <any>-cast la carte de le parcourir avec pour-de.
- Attention: je pensais que @Kilves suggestion ci-dessus pour lancer la Carte "tout", une élégante solution de contournement. Quand je l'ai fait, le code compilé et exécuté, sans plainte, mais la Carte n'a pas été réellement itéré -- le contenu de la boucle est jamais exécuté. Le Array.from() stratégie proposée ici fait un travail pour moi.
- J'ai essayé ça aussi, il ne fonctionne pas pour moi non plus, ce qui est encore plus stupides considérant qu'il est est partie de l'ES6 et il faut "juste travail" sur la plupart des navigateurs. Mais je suppose que notre angulaire maîtres à l'utilisation de la magie mumbo jumbo en zone.js pour faire cela ne fonctionne pas, parce qu'ils détestent ES6. Soupir.
InformationsquelleAutor 6qat
17

À l'aide de Tableau.à partir de, Tableau.le prototype.forEach(), et flèche fonctions:

Itérer sur les clés:
```
Array.from(myMap.keys()).forEach(key => console.log(key));
```
Itérer sur les valeurs:
```
Array.from(myMap.values()).forEach(value => console.log(value));
```
Itérer sur les entrées:
```
Array.from(myMap.entries()).forEach(entry => console.log('Key: ' + entry[0] + ' Value: ' + entry[1]));
```
- Je ne sais pas pourquoi, j'ai la carte comme Map<String, CustomeClass>. aucune des méthodes ci-dessus ont travaillé à l'exception de Tableau.à partir de(myMap.les valeurs()).forEach(valeur => console.log(valeur));.
InformationsquelleAutor Tobold
14

Cela a fonctionné pour moi. Tapuscrit Version: 2.8.3
```
for (const [key, value] of Object.entries(myMap)) { 
    console.log(key, value);
}
```
- J'ai eu ce travail en modifiant l'Objet.entrées(myMap) juste myMap.entrées(). J'aime cette réponse, car elle évite l'erreur de manipulation des pièges de la .forEach appels.
- Intéressant de noter que si votre target dans tsconfig est es5 cela déclenche une erreur, mais avec es6 fonctionne correctement. Vous pouvez aussi simplement faire for (const [key, value] of myMap) lors du ciblage de es6
InformationsquelleAutor Debashish Sen
10

Par la Tapuscrit 2.3 notes de version sur le Nouveau --downlevelIteration":

for..of statements, Tableau de Déstructuration, et la Propagation des éléments dans le Tableau, à l'Appel, et de Nouvelles expressions de soutien Symbole.itérateur dans l'ES5/E3 si disponible lors de l'utilisation de --downlevelIteration

Ce n'est pas activée par défaut! Ajouter "downlevelIteration": true à votre tsconfig.json, ou passer --downlevelIteration drapeau à tsc, d'obtenir la pleine itérateur de soutien.

Dans ce lieu, vous pouvez écrire for (let keyval of myMap) {...} et keyval's type sera automatiquement déduit.

Pourquoi est-ce désactivée par défaut? Selon Tapuscrit contributeur @aluanhaddad,

C'est une option, car cela a un impact très important sur la taille du code généré, et potentiellement sur la performance, pour tous les usages de iterables (y compris les tableaux).

Si vous pouvez cibler ES2015 ("target": "es2015" dans tsconfig.json ou tsc --target ES2015) ou plus tard, permettant downlevelIteration est une évidence, mais si vous ciblez ES5/ES3, vous risquez de référence pour assurer l'itérateur de soutien n'a pas d'impact sur les performances (si c'est le cas, vous pourriez être mieux avec Array.from de conversion ou de forEach ou une autre solution de contournement).
- est-ce ok ou dangereux pour activer ce lors de l'utilisation Angulaire ?
InformationsquelleAutor Ahmed Fasih

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

InformationsquelleAutor Oded Breiner

5

Je suis en utilisant les dernières TS et le nœud (v2.6 et v8.9 respectivement) et je peux le faire:
```
let myMap = new Map<string, boolean>();
myMap.set("a", true);
for (let [k, v] of myMap) {
    console.log(k + "=" + v);
}
```
- Pouvez-vous confirmer que vous avez d'abord eu pour définir "downlevelIteration": true dans votre tsconfig.json?
- Je n'ai pas downlevelIteraton ensemble, mon objectif est es2017 cependant.
- Je ne peux pas faire de Map<string, CustomClass[]> élément ? compilateur dit qu'il n'est pas un tableau de type ou de type chaîne de caractères.
- cela ne fonctionne pas pour moi sur 2.8 - je obtenir Type 'Map<K, V>' is not an array type or a string type.
InformationsquelleAutor lazieburd

Cela a fonctionné pour moi.

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

Avec cela, les clés seront toujours des chaînes de bien

InformationsquelleAutor Jason Slobotski

1

Juste explication simple de le faire à partir de l'HTML si vous avez une Carte de types (clé, array):

J'initialise le tableau de cette façon:
```
public cityShop: Map<string, Shop[]> = new Map();
```
Et pour itérer sur elle, j'ai créer un tableau de valeurs de clé:
- juste l'utiliser comme un tableau avec : des clefs = Array.(ceci.cityShop.keys());

Puis, dans le HTML, je peux utiliser:
```
*ngFor="let key of keys"
```
À l'intérieur de ce bucle, je viens d'obtenir le tableau de la valeur avec cette.cityShop.get(clé)

Et... fait!

InformationsquelleAutor Sophie C Musical
0

Si vous n'avez pas vraiment comme des fonctions imbriquées, vous pouvez également effectuer une itération sur les touches:
```
myMap : Map<string, boolean>;
for(let key of myMap) {
   if (myMap.hasOwnProperty(key)) {
       console.log(JSON.stringify({key: key, value: myMap[key]}));
   }
}
```
Note, vous devez filtrer les non-clé itérations avec la hasOwnProperty, si vous ne le faites pas, vous obtiendrez un avertissement ou une erreur.
- comment effectuer une itération sur la carte en html? il ne semble pas fonctionner du tout. <div ng-repeat="(clé, valeur) dans le modèle.myMap"> {{clé}}. </div>
- Il ne fonctionne pas, il ne fonctionne que pour les tableaux, car angulaire est un tas d'ordures. Mais demander à ce qu'une nouvelle question, afin de vous apprendre, que angulaire n'est pas un tas d'ordures, mais vous devez le convertir en un tableau. Remarque, aussi, vous n'êtes pas le top du top de la programmation, parce que vous êtes apparemment incapables de différencier entre angulaire et tapuscrit.
InformationsquelleAutor peterh

Vous devez vous connecter pour publier un commentaire.