检查数组是否为空或是否存在

Question

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

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

问题是else中的image\u数组一直处于激发状态。如果数组存在-它只是覆盖它，但警报不起作用。

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; ?>




Answer 1

怎么样（ECMA 5.1）：

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

Answer 2

现代方式，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
}

一种咖啡方式：

if array?.length > 0

Case Undefined
Undefined variable是一个您尚未为其分配任何内容的变量。

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

Case Null
一般来说，Null是缺少值的状态。例如，当您丢失或检索某些数据失败时，变量为null。

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

Case not an Array
Javascript具有动态类型系统。这意味着我们不能保证变量持有什么类型的对象。我们有可能不是在谈论Array的实例。

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

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

Case Empty Array
现在，由于我们测试了所有其他可能性，我们正在讨论Array的一个实例。为了确保它不是空的，我们询问它包含的元素的数量，并确保它包含的元素多于零。

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

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

Answer 3

if (typeof image_array !== 'undefined' && image_array.length > 0) {
    // the array is defined and has at least one element
}

您的问题可能是由于隐式全局变量和变量的混合而发生的。确保在声明变量时使用var：

<?php echo "var image_array = ".json_encode($images);?>
// add var  ^^^ here

然后确保以后不会意外地重新声明该变量：

else {
    ...
    image_array = []; // no var here
}