元素隐含类型为“any”，因为“string”类型的表达式不能用于索引该类型

Question

我有一个 Typescript 函数，我在其中根据变量从 JSON 对象读取数据，但在访问属性时它显示错误。

这是我的代码：

let codCountry = 'CO';

let countryId = {
    "CO": "fileIdCo",
    "ES": "fileIdEs",
    "MX": "fileIdMx"
};

let fileId;
for (let getCod of Object.keys(countryId)) {
    if (getCod == codCountry) {
        fileId = countryId[getCod] // error
    }
}

这是我在countryId[getCod] 中遇到的错误：

The element has an "any" type implicitly because the expression of type "string" cannot be used to index the type "{CO: string; ES: string; MX : string;} ".
   No index signature was found with a parameter of type "string" in type "{CO: string; ES: string; MX: string;}"

Answer 1

问题来自Object.keys(countryId) 返回string[] 而不是countryId 上可用的键数组。这可以通过强制转换 Object.keys() 返回的内容来解决，以确保它是对象上的键数组，即：

for (let getCod of Object.keys(countryId) as Array<keyof typeof countryId>) {
    if (getCod == codCountry) {
        fileId = countryId[getCod]
    }
}

现在你可能会问，keyof typeof countryId 究竟是什么意思？

• typeof 返回countryId 对象的类型
• keyof 返回 countryId 对象的 type 上所有可用的键

See proof-of-example on TypeScript Playground.

---

如果您不想一直执行此手动转换，您甚至可以将其抽象为为您执行此操作的方法：

function getObjectKeys<T extends object>(obj: T) {
    return Object.keys(obj) as Array<keyof typeof obj>;
}

那么就是使用getObjectKeys(YOUR_OBJECT)而不是直接使用Object.keys：

for (let getCod of getObjectKeys(countryId)) {
    if (getCod == codCountry) {
        fileId = countryId[getCod]
    }
}

See improved example on TypeScript Playground.

Answer 2

定义接口

interface CC {
    CO: string;
    ES: string;
    MX: string;
}
    let cod = 'CO';

    let countryId:<CC> = {
        "CO": "fileIdCo",
        "ES": "fileIdEs",
        "MX": "fileIdMx"
    };