TypeScript 中 omit 和 record 用法

在 TypeScript 中,OmitRecord 是两个内置的高级工具类型,它们可以组合使用,以实现更灵活的类型操作。


基本概念

  • Record<K, T>:创建一个对象类型,其键为类型 K,值为类型 T

    例如:Record<'a' | 'b', string> 表示一个对象,键只能是 'a''b',值必须是 string

  • Omit<T, K>:从类型 T 中移除指定的键 K,返回一个新类型。

    例如:Omit<{name: string; age: number}, 'age'> 得到 {name: string}


Omit Record 的典型用法

当你有一个基于 Record 定义的类型,并希望移除其中某些键时,就可以使用 Omit

✅ 示例

ts 复制代码
// 定义一个 Record 类型:用户 ID 映射到用户信息
type UserMap = Record<string, { id: number; name: string; password: string }>;

// 移除 password 字段,用于 API 响应脱敏
type SafeUserMap = Record<string, Omit<UserMap[string], 'password'>>;

// 等价于:
// type SafeUserMap = Record<string, { id: number; name: string }>;

🔍 解释

  • UserMap[string] 提取 Record 的值类型,即 { id: number; name: string; password: string }
  • Omit<UserMap[string], 'password'> 移除 password,得到 { id: number; name: string }
  • 外层再用 Record<string, ...> 包裹,保持键仍为 string 类型。

实际应用场景

  • API 脱敏:从包含敏感字段(如密码、token)的 Record 类型中移除特定字段。
  • 状态管理:在 Redux 或 Zustand 中,过滤掉不需要的属性以减少状态体积。
  • 表单处理:提交表单时排除某些字段(如 createdAtupdatedAt)。

补充说明

  • Omit 从 TypeScript 3.5+ 开始支持,需确保 tsconfig.jsontargetES2019
  • 若需选择保留某些字段而非移除,可考虑使用 Pick

如需进一步了解工具类型对比,可参考:TypeScript 工具类型实战指南

相关推荐
深念Y1 分钟前
Nuxt 项目 Docker 构建:从 pnpm+node 迁移到全 bun
java·前端·docker
qq_426003962 分钟前
UI自动化元素定位不到解决方案
前端·pycharm·自动化
EthanChou20209 分钟前
AES67协议笔记
前端·笔记·es6
马优晨10 分钟前
pom.xml 中 jquery webjars 依赖解释
xml·前端·jquery·jquery webjars·webjars依赖
里欧跑得慢26 分钟前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
DolitD26 分钟前
云流技术深度剖析:单服务器下如何实现3D应用的多实例并发?
java·服务器·前端·3d·云原生·云计算
芦柑46434 分钟前
画布和3D导演台工具:短剧分镜从素材整理到空间预演的完整链路
服务器·前端·数据库
李蚊子1 小时前
从代理提醒到真实响铃:懒熊闹钟的鸿蒙开发实践
前端·harmonyos
IT_陈寒1 小时前
Redis的Lua脚本居然把我的集群搞崩了!
前端·人工智能·后端
计算机魔术师1 小时前
索尼与华纳起诉Anthropic,指控其大规模盗用版权音乐训练Claude
前端