在“{}”类型上找不到带有“字符串”类型参数的索引签名

Question

首先我会提出我的问题的布局：

interface FilteredProducts {
    [key: string]: {
        [key: string]: object;
    };
};

我将 filterProducts 初始化为一个空对象，因为我将值放入其中的唯一时间是在 if 中，所以我需要这样做以供以后使用

products: FilteredProducts
let filteredProducts: object = {};

这里我给filterProducts分配一个对象->

if (filters.season && filters.dimension) {
        filteredProducts = (products[filters.season] || {})[filters.dimension];
    };

如果设置了特定过滤器，我想删除此对象的属性

if (productKey && Object.entries(filteredProducts).length > 0) {
       delete filteredProducts[productKey];
}

问题是它说：

元素隐式具有“任何”类型，因为“字符串”类型的表达式不能用于索引类型“{}”。 在“{}”类型上找不到具有“字符串”类型参数的索引签名

当我尝试删除此键时。

我尝试为 filteredProducts 设置类型 ->

interface FilteredInterface {
    [key: string]: object;
}

然后我明白了

类型“object”不可分配给类型“FilteredInterface”。 类型“{}”中缺少索引签名。

当我尝试将该对象分配给 filterProducts 时。 （第一个if中的代码）

这是这部分的完整代码：

interface FilteredProducts {
    [key: string]: {
        [key: string]: object;
    };
};

const filter = (products: FilteredProducts, filters: UserFiltersInterface): object => {
    let filteredProducts: FilteredInterface = {};
    // console.log('products', products);
    // console.log('filters', filters);
    if (filters.season && filters.dimension) {
        filteredProducts = (products[filters.season] || {})[filters.dimension];
    };
    if (filters.tire_size) {
        // console.log('filteredProducts tire_size', filters.tire_size);
        if (Object.entries(filteredProducts).length > 0) {
            // console.log('filteredProducts', filteredProducts);
            if (filters.tire_size !== 'all') {
                Object.entries(filteredProducts).forEach((product) => {
                    const productKey: string = product[0];
                    const productInfo = product[1];
                    if (productInfo.size !== filters.tire_size) {
                        if (productKey && Object.entries(filteredProducts).length > 0) {
                            delete filteredProducts[productKey];
                        }
                    }
                });
            };
        };
    };
    // console.log('filteredProducts', filteredProducts);
    return filteredProducts;
};

Answer 1

您需要指定要返回的(products[filters.season])[filters.dimension] 是FilteredInterface 对象。因为你想把它存储在filteredProducts: FilteredInterface。

你可以在这里（替换object）：

interface FilteredProducts {
    [key: string]: {
        [key: string]: FilteredInterface;
    };
};

或者在这里（演员表，你将object 保留在FilteredProducts 中：

filteredProducts = (products[filters.season])[filters.dimension] as FilteredInterface;

编辑：见TS Playground