引言

在 TypeScript 开发中，类型操作是提高代码可读性和可维护性的重要手段。Pick 工具类型是 TypeScript 提供的一种强大的工具，允许你从现有类型中选择特定的属性，形成一个新的类型。

基本使用

type PickedType = Pick<T, K>;

• T：源类型。
• K：需要选择的属性键的联合类型。

示例

type User = {
  id: number;
  name: string;
  profile: {
    age: number;
    address: string;
  };
};

// 从User类型中提取id和profile属性，创建新的类型UserProfile
type UserProfile = Pick<User, 'id' | 'profile'>;

const user: UserProfile = {
  id: 1,
  // name: 'John Doe', // 报错 
  profile: {
    age: 30,
    address: 'New York',
  },
};

常用场景

Pick 工具类型在以下场景中非常有用：

• API 响应处理：简化从 API 获取的数据。
• 组件 Props 简化：简化组件的 Props 类型。
• 状态管理：简化状态对象的提取。
• 表单处理：简化表单数据的处理。
• 数据过滤：简化数据过滤逻辑。
• 接口实现：简化接口实现。