迭代Typescript Map

我试图迭代一个typescript映射，但我一直得到错误，我找不到任何解决方案，这样一个微不足道的问题。

我的代码是:

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

然后我得到Error:

类型'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。有人遇到过这个问题吗?

当前回答

在Typescript 3.5和Angular 8 LTS中，需要按如下方式强制转换类型:

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

2020-05-27 10:34:07

其他回答

我尝试使用array .from(myMap.keys())在我的VSCode扩展中获得一个键的数组，该扩展使用node.js实现，但它不起作用，即使在添加“downlevelIteration”:true到我的tsconfig之后。根据Ahmed Fasih和其他人的建议，将目标设置为es2017。

最终起作用的是Jason Slobotski建议使用Object.keys:

let keys = Object.keys(myMap);

2022-03-19 19:09:45

在Typescript 3.5和Angular 8 LTS中，需要按如下方式强制转换类型:

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

2020-05-27 10:34:07

根据TypeScript 2.3发布说明“New——downlevelIteration”:

for..of语句、数组解构和数组、Call和New表达式中的展开元素支持Symbol。在ES5/E3中使用——downlevelIteration时可用的迭代器

默认情况下不启用!在你的tsconfig中添加"downlevelIteration": true。或者将——downlevelIteration标志传递给tsc，以获得完整的迭代器支持。

有了这些，您可以编写for (let keyval of myMap){…}和keyval的类型将被自动推断。

为什么默认关闭?根据TypeScript贡献者@aluanhaddad，

它是可选的，因为它对生成的代码的大小有非常重要的影响，并且对于所有使用可迭代对象(包括数组)的性能也有潜在的影响。

如果你可以在tsconfig中瞄准ES2015 ("target": " ES2015 ")。如果你的目标是ES5/ES3，你可以进行基准测试，以确保迭代器支持不会影响性能(如果会影响性能，你最好使用Array.from conversion或forEach或其他变通方法)。

2018-01-20 08:12:53

你也可以将数组map方法应用到map .entries()迭代对象上:

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

另外，正如在其他回答中提到的，您可能必须在tsconfig中启用低级迭代。Json(在编译器选项下):

  "downlevelIteration": true,

2019-10-25 01:42:56

你可以使用map。prototype。forEach((value, key, map) => void, thisArg?):改为void

像这样使用它:

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

2016-06-08 10:57:59

迭代Typescript Map

推荐文章

最新文章

标签