[Typescript] 150 Hard - OptionalUndefined
Implement the util type OptionalUndefined<T, Props>
that turns all the properties of T
that can be undefined
, into optional properties. In addition, a second -optional- generic Props
can be passed to restrict the properties that can be altered.
OptionalUndefined<{ value: string | undefined, description: string }>
// { value?: string | undefined; description: string }
OptionalUndefined<{ value: string | undefined, description: string | undefined, author: string | undefined }, 'description' | 'author'>
// { value: string | undefined; description?: string | undefined, author?: string | undefined }
Solution:
/* _____________ Your Code Here _____________ */
type Merge<T> = {
[K in keyof T]:T[K]
}
type OptionalUndefined<
T,
Props extends keyof T = keyof T,
OptionsProps extends keyof T = Props extends keyof T
? undefined extends T[Props]
? Props
:never
:never
> =
Merge<{
[K in OptionsProps]?: T[K]
} & {
[K in Exclude<keyof T, OptionsProps>]: T[K]
}>
/* _____________ Test Cases _____________ */
import type { Equal, Expect } from '@type-challenges/utils'
import { ExpectFalse, NotEqual } from '@type-challenges/utils'
type cases = [
Expect<Equal<OptionalUndefined<{ value: string | undefined }, 'value'>, { value?: string | undefined }>>,
Expect<Equal<OptionalUndefined<{ value: string; desc: string }, 'value'>, { value: string; desc: string }>>,
Expect<Equal<OptionalUndefined<{ value: string | undefined; desc: string }, 'value'>, { value?: string; desc: string }>>,
Expect<Equal<OptionalUndefined<{ value: string | undefined; desc: string | undefined }, 'value'>, { value?: string | undefined; desc: string | undefined }>>,
Expect<Equal<OptionalUndefined<{ value: string | undefined; desc: string }, 'value' | 'desc'>, { value?: string; desc: string }>>,
Expect<Equal<OptionalUndefined<{ value: string | undefined; desc: string | undefined }>, { value?: string; desc?: string }>>,
Expect<Equal<OptionalUndefined<{ value?: string }, 'value'>, { value?: string }>>,
Expect<Equal<OptionalUndefined<{ value?: string }>, { value?: string }>>,
]
分类:
TypeScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
2019-07-18 [SaSS] Using Object like style to create class dynamiclly
2018-07-18 [Vue-rx] Watch Vue.js v-models as Observable with $watchAsObservable and RxJS
2018-07-18 [Vue-rx] Pass Template Data Through domStreams in Vue.js and RxJS
2018-07-18 [Vue-rx] Disable Buttons While Data is Loading with RxJS and Vue.js
2018-07-18 [Vue-rx] Share RxJS Streams to Avoid Multiple Requests in Vue.js
2018-07-18 [Vue-rx] Switch to a Function which Creates Observables with Vue.js and Rxjs
2018-07-18 [Vue-rx] Handle Image Loading Errors in Vue.js with RxJS and domStreams