TypeScript中如何将‘大对象’转换为‘小对象’？

你遇到的是TypeScript里常见的类型兼容性问题——数据库返回的对象多了个id字段，而你的CrewMember接口只定义了name和可选的organizing_function，直接赋值会因为类型不匹配报错。下面给你几个实用的解决方案：

1. 手动提取所需属性（最安全推荐） #

直接遍历数据库返回的数组，只保留CrewMember接口定义的属性。这种方式不仅能顺利通过TypeScript的类型检查，还能避免把不必要的字段带入目标数组：

import { CrewMember } from './your-interface-path';

// 数据库返回的原始数据
const dbCrewData = [
  { id: "someID", name: "Jack" },
  { id: "someOtherID", name: "Jipp", organizing_function: "Being good at stuff" }
];

// 转换为CrewMember类型数组
const crewMembers: Array<CrewMember> = dbCrewData.map(item => ({
  name: item.name,
  organizing_function: item.organizing_function // 可选字段不存在时自动为undefined，完全符合接口要求
}));

2. 使用类型断言（快速但需谨慎） #

如果你完全信任数据源，确定所有返回的对象都包含CrewMember的必填属性（这里是name），可以用类型断言快速完成转换：

const crewMembers: Array<CrewMember> = dbCrewData as Array<CrewMember>;

⚠️ 注意：这种方法会跳过TypeScript的类型检查，如果数据源中某个对象意外缺少name字段，编译时不会给出提示，可能引发运行时问题，所以只适合数据源非常可靠的场景。

3. 结合Pick工具类型（更优雅的类型约束） #

利用TypeScript的Pick工具类型，从数据库返回的对象类型中精准选择CrewMember需要的属性，让代码更具可读性和类型严谨性：

// 自动推导数据库返回对象的类型
type DbCrewItem = typeof dbCrewData[0];

const crewMembers: Array<CrewMember> = dbCrewData.map(item => ({
  name: item.name,
  organizing_function: item.organizing_function
})) as Array<Pick<DbCrewItem, keyof CrewMember>>;

这种方式既明确了要提取的属性范围，又通过工具类型保证了类型一致性，比单纯的断言更稳妥。

内容的提问来源于stack exchange，提问作者jonas-l-b