检查数组是否为空或不存在.JS

Question

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

像这样的东西？

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

Answer 1

你想先做检查undefined.如果你反过来这样做,如果数组是未定义的,它将产生一个错误.

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

更新

这个答案得到了相当多的关注,所以我想指出,我的原始答案最重要的是解决了问题中评估条件的错误顺序.从这个意义上说,它无法解决几个场景,例如null值,具有length属性的其他类型的对象等.它也不是非常惯用的JavaScript.

万无一失的方法
从评论中汲取灵感,下面是我目前认为是检查数组是空还是不存在的万无一失的方法.它还考虑到变量可能不引用数组,而是引用具有length属性的其他类型的对象.

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

要打破它:

1. Array.isArray()不出所料,检查它的参数是否是一个数组.这会淘汰就像值null,undefined和其他任何不是数组.
   请注意,这也将消除类似于数组的对象,例如arguments对象和DOM NodeList对象.根据您的情况,这可能不是您所追求的行为.

2. 该array.length条件检查变量是否length属性的计算结果为truthy值.因为之前的条件已经确定我们确实正在处理数组,所以这里需要更严格的比较,例如array.length != 0或array.length !== 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
}