typescript - 在TypeScript中，如何设置作为类属性的对象的索引签名？

Question

这是一个类:

export class Survey {
    isCompleted: boolean;
    response: {
        'devices': string[];
        'languages': string[];
        'frameworks': string[];
        'backend': string[];
    };
}

我在尝试以下操作时收到“元素隐式具有‘任何’类型，因为类型‘...’没有索引签名”错误:

return Object.keys(user1.response).map(key => {
        return percentageMatch(user1.response[key], user2.response[key]) * categoryScores[key];
    })

user1 和 user2 是 Survey 类的实例。

我知道如何使用简单的对象文字设置索引签名，但我如何使用 response 对象的属性来设置它，它本身就是 Survey 的一个属性> 类。

Answer 1

这需要将索引类型 [key: string]: string[] 添加到 response 类型:

export class Survey {
    isCompleted: boolean;
    response: {
        [key: string]: string[],
        devices: string[],
        languages: string[],
        frameworks: string[],
        backend: string[],
    };
}

您可以在 TypeScript Playground demo 中查看我创造的。

您还可以考虑减少此处的重复并将已知键提取为字符串文字类型:

type ResponseKeys = 'devices' | 'languages' | 'frameworks' | 'backend';

export class Survey {
    isCompleted: boolean;
    response: {
        [key in ResponseKeys]: string[]
    };
}