如何检查数组是空的还是不存在的？[重复]

Question

检查数组是空的还是不存在的最好方法是什么？

像这样的？

if(array.length < 1 || array == undefined){
    //empty
}

Answer 1

您想先检查未定义的。如果反过来做，如果数组未定义，它将生成一个错误。

if (array === undefined || array.length == 0) {
    // array empty or does not exist
}

这个答案得到了相当多的关注，所以我想指出，我最初的答案，比其他任何东西都更重要的是，解决了问题中被评估条件的错误顺序。从这个意义上讲，它无法解决几个场景，例如null值、具有length属性的其他类型的对象等。它也不是非常惯用的JavaScript。

万无一失的方法
从评论中获得一些灵感，下面是我目前认为万无一失的方法来检查数组是否为空或不存在。它还考虑到变量可能不引用数组，而是引用具有长度属性的其他类型的对象。

if (!Array.isArray(array) || !array.length) {
  // array does not exist, is not an array, or is empty
  // ⇒ do not attempt to process array
}

要分解它：

>

数组。length条件检查变量的length属性的计算结果是否为真实值。因为前面的条件已经确定我们确实在处理一个数组，所以需要进行更严格的比较，比如array。长度！=0或数组。长度！==此处不需要0。

务实的方法
在很多情况下，上面的方法可能看起来有些矫枉过正。也许您使用的是像TypeScript这样的高阶语言，它在编译时为您完成了大部分类型检查，或者您真的不在乎对象实际上是一个数组，还是只是一个类似数组的对象。

在这些情况下，我倾向于使用以下更惯用的JavaScript：

if (!array || !array.length) {
    // array or array.length are falsy
    // ⇒ do not attempt to process array
}

或者，更常见的是，它的反面：

if (array && array.length) {
    // array and array.length are truthy
    // ⇒ probably OK to process array
}

随着ECMAScript 2020中可选链接运算符（Elvis运算符）的引入，可以进一步缩短：

if (!array?.length) {
    // array or array.length are falsy
    // ⇒ do not attempt to process array
}

或者相反：

if (array?.length) {
    // array and array.length are truthy
    // ⇒ probably OK to process array
}