[TypeScript] Find common props between two types, keyword Extract

For example we have two types, we want to find the shared props in both:

复制代码
interface UserBase {
  email: string
  image: string | null
  username: string
}

interface UserProfile {
  id: string
  email: string
  image: string | null
  isAdmin: boolean
  username: string
  reviews: string[]
}
复制代码

 

We can use 'Extract'

type SharedUserKeys = Extract<keyof UserBase, keyof UserProfile>
// 'email' | 'image' | 'username'

 

Convert our union string back into an object type with the shared properties and their corresponding value types.

'in' keyword, means loop over all the key in the union type.

复制代码
type SharedUserData = {
  [K in SharedUserKeys]: UserProfile[K]
}

const user1: SharedUserData = {
  email: 'test@example.com',
  image: null,
  username: 'sampleuser',
}
复制代码

 

posted @   Zhentiw  阅读(23)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2021-04-22 [AWS DA GURU] KMS and Encryption on AWS
2021-04-22 [Linux] Add new sudo user & assign folder owner
2020-04-22 [React] Improve developer experience for accessing context with a custom React hook
2019-04-22 [Functional Programming] From simple implementation to Currying to Partial Application
2016-04-22 [CSS3] CSS Media Queries
点击右上角即可分享
微信分享提示