时间戳

首页 > 解决方案 > “for in”循环中 TypeScript 中“无索引签名”错误的原因

typescript - “for in”循环中 TypeScript 中“无索引签名”错误的原因

问题描述

为什么 TypeScript 4.1.3 抱怨循环中Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ bar: string; }'. No index signature with a parameter of type 'string' was found on type '{ bar: string; }'的 foo[prop] 访问for in，根据定义处理引用对象的属性？

自然，我可以摆脱将对象声明为any,{[key: string]: any}或类似的类型检查，但这将再次完全摆脱类型检查。

https://www.typescriptlang.org/play?ssl=7&ssc=2&pln=1&pc=1#code/MYewdgzgLgBAZiEMC8MDeAoG2YCMCGATgFwwDkBhZGAvgNwYYKEwAUoksADoSFzAEsw8RAEp0WHBwggANgFMAdLJABzVghABtHnwC6ohjQxA

const foo = {
    bar: 'bar'
};

for (const prop in foo) {
    console.log(foo[prop]);
}

标签： typescript

解决方案

出于某种原因，for..inTS 中的循环只会遍历字符串，而不是遍历keyof obj。

在这里，因为prop只是一个string，而不是'bar'，它不能用于查找对象。

由于看起来您实际上并不关心键，而只关心值，因此直接迭代值：

for (const val of Object.values(foo)) {
  console.log(val);
}

如果要一起迭代键及其关联值，请使用Object.entries：

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

推荐阅读