Angular项目TypeScript报ts(7053)索引类型错误如何修复？

TS7053报错的核心是：for...in遍历得到的键k默认是string类型，TypeScript无法确认该键属于ObjA接口定义的合法键范围，因此不允许用它直接索引ObjA类型的objA对象。同时objB被声明为any类型，也无法为键的类型推导提供有效信息。

下面是几种常用的修复方式，可根据实际场景选择：

• 方案1：类型断言（代码改动最小，适配大多数场景）
  直接将遍历得到的键断言为ObjA的合法键类型即可：

blendBinA() {
    for (const k in this.objB) {
        const key = k as keyof ObjA;
        if (this.objA.hasOwnProperty(key)) {
            // 用as never兼容ObjA不同类型属性的赋值校验
            this.objA[key] = this.objB[key] as never;
        }
    }
}

• 方案2：自定义类型守卫（类型安全度最高）
  如果需要更严格的类型校验，可以提前定义类型守卫函数判断键的合法性：

// 提前定义类型守卫函数
function isObjAKey(key: string): key is keyof ObjA {
    return ['propA', 'propB', 'propC'].includes(key);
}

blendBinA() {
    for (const k in this.objB) {
        if (isObjAKey(k)) {
            this.objA[k] = this.objB[k];
        }
    }
}

• 方案3：给接口添加索引签名（仅适合临时快速修复）
  如果不需要严格限制ObjA的键范围，可以直接给接口加上字符串索引签名解决报错：

interface ObjA {
    propA: string;
    propB: number;
    propC: string[];
    // 新增索引签名，允许任意字符串类型的键索引
    [key: string]: string | number | string[];
}

注意：该方案会放宽ObjA的类型校验规则，后续给objA赋值未在接口中定义的键也不会触发TS报错，非必要不推荐使用。

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