Я намагаюся перебрати карту машинопису, але я все одно отримую помилки, і я не могла знайти рішення для такої тривіальної проблеми.

Мій код:

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 та typecript 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);
}

Відповідно до приміток до випуску TypeScript 2.3 до "Нового --downlevelIteration" :

for..of statements, Елементи деструктуризації масиву та розповсюдження в Array, Call та New виразах підтримують Symbol.iterator в ES5 / E3, якщо вони доступні при використанні --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, якщо цього не зробити, ви отримаєте попередження або помилку.