当页面第一次加载时,我需要检查image_array中是否有图像,并加载最后一张图像。

否则,我禁用预览按钮,提醒用户按新的图像按钮,并创建一个空数组来放置图像;

问题是else中的image_array一直被触发。如果一个数组存在-它只是覆盖它,但警报不工作。

if(image_array.length > 0)
    $('#images').append('<img src="'+image_array[image_array.length-1]+'" class="images" id="1" />');
else{
    $('#prev_image').attr('disabled', 'true');
    $('#next_image').attr('disabled', 'true');
    alert('Please get new image');
    var image_array = [];
}

更新 在加载html之前,我有这样的东西:

<?php if(count($images) != 0): ?>
<script type="text/javascript">
    <?php echo "image_array = ".json_encode($images);?>
</script>
<?php endif; ?>

当前回答

你应该这样做

    if (!image_array) {
      // image_array defined but not assigned automatically coerces to false
    } else if (!(0 in image_array)) {
      // empty array
      // doSomething
    }

其他回答

当你创建image_array时,它是空的,因此你的image_array。长度为0

正如下面的评论所述,我根据这个问题的答案编辑了我的答案):

var image_array = []

在else括号内,不会对前面代码中定义的image_array进行任何更改

如果你没有一个变量声明为数组,你可以创建一个检查:

if(x && x.constructor==Array && x.length){
   console.log("is array and filed");
}else{
    var x= [];
    console.log('x = empty array');
}

它检查变量x是否存在,如果存在,则检查它是否是一个已填充的数组。否则它会创建一个空数组(或者你可以做其他事情);

如果你确定创建了一个数组变量,有一个简单的检查:

var x = [];

if(!x.length){
    console.log('empty');
} else {
    console.log('full');
}

你可以检查我的提琴这里显示最可能的方法来检查数组。

这就是我用的。第一个条件包含true,它有null和undefined。第二个条件检查空数组。

if(arrayName && arrayName.length > 0){
    //do something.
}

或者感谢tsemer的评论,我添加了第二个版本

if(arrayName && arrayName.length)

然后我在Firefox中使用Scratchpad对第二个条件进行了测试:

var array1; Var array2 = []; Var array3 = ["one", "two", "three"]; Var array4 = null; console.log (array1); console.log (array2); console.log (array3); console.log (array4); If (array1 && array1.length) { console.log(“array1 !有价值!”); } If (array2 && array2.length) { console.log(“array2 !有价值!”); } If (array3 && array3.length) { console.log(“array3 !有价值!”); } If (array4 && array4.length) { console.log(“array4 !有价值!”); }

这也证明了if(array2 && array2.length)和if(array2 && array2.length)长度> 0)完全相同

(ECMA 5.1)如何:

if(Array.isArray(image_array) && image_array.length){
  // array exists and is not empty
}

检查数组是否为空

一个现代的方式,ES5+:

if (Array.isArray(array) && array.length) {
    // array exists and is not empty
}

老派方法:

typeof array != "undefined"
    && array != null
    && array.length != null
    && array.length > 0

一种紧凑的方式:

if (typeof array != "undefined" && array != null && array.length != null && array.length > 0) {
    // array exists and is not empty
}

CoffeeScript方式:

if array?.length > 0

Why?

情况下定义 未定义变量是一个你还没有给它赋值的变量。

let array = new Array();     // "array" !== "array"
typeof array == "undefined"; // => true

情况下空 一般来说,null是缺少值的状态。例如,当您错过或未能检索某些数据时,变量为空。

array = searchData();  // can't find anything
array == null;         // => true

Case不是数组 Javascript有一个动态类型系统。这意味着我们不能保证变量持有什么类型的对象。有可能我们不是在与Array的实例对话。

supposedToBeArray =  new SomeObject();
typeof supposedToBeArray.length;       // => "undefined"

array = new Array();
typeof array.length;                   // => "number"

Case空数组 现在,由于我们测试了所有其他可能性,我们正在与Array的一个实例对话。为了确保它不是空的,我们询问它所持有的元素的数量,并确保它的元素大于0。

firstArray = [];
firstArray.length > 0;  // => false

secondArray = [1,2,3];
secondArray.length > 0; // => true