javascript – 在Flow中过滤Maybe(可空)类型的数组以删除空值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在Flow中过滤Maybe(可空)类型的数组以删除空值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1335字，纯文字阅读大概需要2分钟。

内容图文

我有一个Maybe(可空)类型的数组,我想过滤那些null以使数组只包含非空值：

@flow

type Foo = {
  foo: string
}

const bar: Array<?Foo> = [ null, { foo: 'Qux' } ]

const baz = bar
  .filter(x => x != null)
  .map(({ foo }) => foo);

但是,flow抱怨说参数仍然可以为null,而它显然不能：

11: .map(({ foo }) => foo);
            ^ property `foo`. Property cannot be accessed on possibly null value

请参阅flow.org/try上的代码.

有没有办法告诉流量数组现在只包含不可为空的项目？

这破坏了我的函数式JavaScript编程.

解决方法:

快速回答

使用.filter(布尔值)过滤null.

const baz = bar
  .filter(Boolean) // <- This is the trick
  .map(({ foo }) => foo);

检查它是否通过flow.org/try.

解释(有点)

流很难理解过滤器回调中发生了什么,如何获得结果,以及是否真的删除了所有空值.因此,它假设过滤后数组的类型相同;实际上它是正确的,它只能是数组的一个子集,因此也是该类型的子集.

相反,由于它的工作方式,reduce创建了一个完全不同的结构,必须推断出哪种类型(flow.org/try)：

const baz = bar
  .reduce((prev, next) => next == null ? prev : [...prev, next], [])
  .map(({foo}) => foo);

但是,此用例非常常见,以至于流程在its code中包含异常：

filter(callbackfn: typeof Boolean): Array<$NonMaybeType<T>>;
filter(callbackfn: (value: T, index: number, array: $ReadOnlyArray<T>) => any, thisArg?: any): Array<T>;

这意味着,如果(并且仅当)布尔值作为回调传递,则生成的数组将具有类型Array< $NonMaybeType< T>>. Boolean肯定会删除null(和undefined)并且可以信任.

内容总结

以上是互联网集市为您收集整理的javascript – 在Flow中过滤Maybe(可空)类型的数组以删除空值全部内容，希望文章能够帮你解决javascript – 在Flow中过滤Maybe(可空)类型的数组以删除空值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端