TypeScript 在迭代中获取对象值

Question

我需要访问我的对象的值。

对象：

private filters: any = {
        id: {
            focused: false,
            options: true,
            value: null,
        },
        user_name: {
            focused: false,
            options: true,
            value: null,
        }
}

我正在像这样迭代它们：

for (const [key, filter] of Object.entries(this.filters)) {
    console.log(key);
    console.log(filter.value);
}

问题是我无法访问 filter.value，因为“对象的类型未知”。我试图将对象类型设置为对象而不是任何。但在那之后我无法达到这样的过滤器对象值：

this.filters.id.value = value;

它说

“对象”类型上不存在属性“id”

有什么想法吗？

Answer 1

这是因为您懒惰地将过滤器输入为any。您可以通过为过滤器定义一个接口然后使用它来解决此问题：

interface Filter
{
    focused: boolean;
    options: boolean;
    value: number | null; // TODO: type this
}

private filters: Record<string, Filter> = {
        // ...
}

Record 类型在这里指定对于string 类型的每个键，属性的值都具有Filter 类型。

在这种特定情况下，您也可以只删除类型注释，编译器会发现过滤器对象的形状是相同的，并且每个过滤器都具有value 属性。但是，如果不是使用不再是选项的对象字面量创建过滤器。