Check if Object is Empty using typescript generic(使用类型脚本泛型检查对象是否为空)
问题描述
我是打字新手,还处于学习阶段。我正在尝试创建泛型以强制执行以下条件
假设我有一个空对象
const data = {}
我需要创建将检查以下条件的泛型
如果是,则检查是否为对象,然后检查其中是否有数据,否则返回FALSE
提前谢谢
推荐答案
您可以使用此实用程序检查对象类型是否为空:
// credits goes to https://github.com/microsoft/TypeScript/issues/23182#issuecomment-379091887
type IsEmptyObject<Obj extends Record<PropertyKey, unknown>> =
[keyof Obj] extends [never] ? true : false
type Test = IsEmptyObject<{}> // true
type Test2 = IsEmptyObject<{ age: 42 }> // false
如果Obj没有任何密钥,则keyof Obj返回never。
我们的目标是检查它是否返回never。
为了检查它,我们需要停止distributivity。
如果keyof Obj返回never,则条件类型IsEmptyObject返回true。
如果要在函数中使用它,请考虑以下示例:
type IsEmptyObject<Obj extends Record<PropertyKey, unknown>> =
[keyof Obj] extends [never] ? true : false
function isEmpty<Obj extends Record<PropertyKey, unknown>>(obj: Obj): IsEmptyObject<Obj>
function isEmpty<Obj extends Record<PropertyKey, unknown>>(obj: Obj) {
return Object.keys(obj).length === 0
}
const result = isEmpty({}) // true
const result2 = isEmpty({ age: 42 }) // false
Playground
您还需要注意,它只适用于文本类型。
如果你想让它与高阶函数一起工作,我打赌你也想要,请考虑这个例子:
type IsEmptyObject<Obj extends Record<PropertyKey, unknown>, Keys = keyof Obj> =
PropertyKey extends Keys ? boolean : [keyof Obj] extends [never] ? true : false
function isEmpty<Obj extends Record<PropertyKey, unknown>>(obj: Obj): IsEmptyObject<Obj>
function isEmpty<Obj extends Record<PropertyKey, unknown>>(obj: Obj) {
return Object.keys(obj).length === 0
}
const higherOrderFunction = (obj: Record<PropertyKey, unknown>) => {
const test = isEmpty(obj) // boolean
return test
}
const result3 = higherOrderFunction({ age: 2 }) // boolean
如果isEmpty无法推断文字类型,则默认情况下将返回boolean,因为您永远不知道在高阶函数中可以得到什么。
如果您推断higherOrderFunction中的obj参数,isEmpty也将能够推断参数。
const higherOrderFunction = <T extends Record<PropertyKey, unknown>>(obj: T) => {
const test = isEmpty(obj) // IsEmptyObject<T, keyof T>
return test
}
const result3 = higherOrderFunction({ age: 2 }) // false
const result4 = higherOrderFunction({ }) // true
Playground
我不明白您的意思: then check if there is any data inside it。
问题:
假设我们有这个对象:{age: undefined}。你有没有考虑过有数据?
这篇关于使用类型脚本泛型检查对象是否为空的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:使用类型脚本泛型检查对象是否为空
基础教程推荐
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 如何添加到目前为止的天数? 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
