如何知道数组是否为空？

Question

我正在从API传递数组，并想知道该数组是否为空，以打印错误消息。

看看其他站点，没有一个在工作。

      {this.props.items ? errorMessage : <h1>Working</h1>}

Answer 1

您可以使用length属性

  {this.props.items.length == 0 ? errorMessage : <h1>Working</h1>}

Answer 2

this.props.items && this.props.items.length > 0 ? <h1>Working</h1> : errorMessage

Answer 3

首先检查天气Array是否存在，然后检查Array的长度是否大于0，请始终使用双重取反将该数组转换为bool类型

{!!this.props.items && this.props.items.length > 0 ? <h1>Working</h1> : errorMessage}

Answer 4

检查lodash库。对于这种需求非常有帮助。

https://lodash.com/docs/4.17.15#isEmpty

使用此方法，您可以使用：

{isEmpty(this.props.items) ? errorMessage: <h1>Working</h1>}

Answer 5

在检查类型之前比较安全，因为类型string也可以返回长度

{ Array.isArray(this.props.items) && this.props.items.length < 1 ? errorMessage : <h1>Working</h1> }