Firebase返回数据转换报错：对象转对象数组时TypeScript类型不兼容问题排查

你的问题核心在于TypeScript无法正确推断Object.entries转换后的类型——虽然控制台输出看起来符合预期，但类型系统没识别出每个数组元素的正确类型，才抛出了类型不匹配的错误。

为什么会出现类型错误？ #

当你调用Object.entries(val.produse)时，TypeScript默认会把返回的条目类型推断为[string, unknown][]（或更宽泛的类型，取决于你的数据来源定义）。当你通过map生成{[e[0]]: e[1]}时，编译器会把这个对象的类型推断为{ [x: string]: unknown }，这就和CategoryDTO中produse定义的{[key: string]: ProductDTO}[]类型不匹配，从而触发错误。

解决方案：显式指定类型断言 #

你需要告诉TypeScript，Object.entries返回的每个条目是[string, ProductDTO]类型，这样map后的结果就能正确匹配目标类型。修改转换代码如下：

// 显式断言entries的类型为[string, ProductDTO][]
val.produse = (Object.entries(val.produse) as [string, ProductDTO][]).map(([key, product]) => ({
  [key]: product
}));

额外建议：考虑调整DTO结构（可选） #

如果业务逻辑允许，其实可以直接修改CategoryDTO的produse类型，让它完全匹配Firebase返回的结构，这样不需要任何转换，代码更高效：

export class CategoryDTO { 
  nume_categorie!: string; 
  ordine!: number; 
  // 直接使用Firebase返回的对象结构
  produse!: {[key: string] : ProductDTO}; 
}

这样你就能直接将Firebase返回的数据赋值给CategoryDTO实例，省去转换步骤。

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