如何检查Angular中的Mobx商店是否为空？

Question

似乎Mobx使用未定义对象的数组填充其可观察的属性。如何检查它们是否未定义或是否包含值？

我在Mobx商店中有这样的财产：

  @observable object: object[] = [];

Answer 1

可观察数组的length属性与常规数组的工作方式相同，因此仅需object.length === 0即可检查object数组是否为空。

const { observable } = mobx;

const object = observable([]);
console.log(`object is ${object.length === 0 ? 'empty' : 'not empty'}`);

<script src="https://unpkg.com/mobx@5.0.3/lib/mobx.umd.min.js"></script>

Answer 2

首先获取数组的一部分以将其转换为常规数组，然后检查长度，即

object.slice().length > 0