TypeScript中如何遍历接口定义的对象属性且避免索引报错

针对你遇到的这个场景，有几种无需添加字符串索引签名的解决方案：

方案1：使用类型断言临时拓宽类型 #

在访问属性时，将对象断言为带字符串索引的类型，让TypeScript允许通过字符串键访问属性：

for (var prop in a) {
    console.log((a as Record<string, string>)[prop]);
}

这里Record<string, string>是TypeScript内置的工具类型，等价于{[key: string]: string}，但不会污染原接口的定义。

方案2：结合Object.keys与keyof类型守卫 #

先通过Object.keys()获取对象的键数组，再用keyof A断言键的类型，确保类型安全：

Object.keys(a).forEach(prop => {
    console.log(a[prop as keyof A]);
});

如果需要更严谨的类型检查，可以添加in操作符做类型守卫：

Object.keys(a).forEach(prop => {
    if (prop in a) {
        console.log(a[prop as keyof A]);
    }
});

方案3：封装类型安全的遍历工具函数 #

如果需要多次使用这类遍历，可以封装一个通用函数，利用keyof确保遍历的键都是目标对象的合法属性：

function iterateObject<T>(obj: T) {
    (Object.keys(obj) as Array<keyof T>).forEach(key => {
        console.log(obj[key]);
    });
}

// 使用示例
iterateObject(a);

这些方案都不会修改原接口A的定义，同时解决了遍历时报错的问题，兼顾类型安全和代码可读性。

内容的提问来源于stack exchange，提问作者omega