如何检查数组是否为空或存在?

当页面第一次加载时，我需要检查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; ?>

当前回答

JavaScript

( typeof(myArray) !== 'undefined' && Array.isArray(myArray) && myArray.length > 0 )

Lodash & Underscore

( _.isArray(myArray) && myArray.length > 0 )

2018-06-08 10:38:23

其他回答

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

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

var image_array = []

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

2012-07-31 15:20:07

这个怎么样?检查未定义数组的长度可能会抛出异常。

if(image_array){
//array exists
    if(image_array.length){
    //array has length greater than zero
    }
}

2018-03-07 16:24:34

可选的链接

随着可选链接提议达到了第4阶段，并得到了更广泛的支持，有一种非常优雅的方式可以做到这一点

if(image_array?.length){

  // image_array is defined and has at least one element

}

2020-03-19 07:21:16

一个简单的方法，不会导致异常，如果不存在，并转换为布尔值:

!!array

例子:

if (!!arr) {
  // array exists
}

2017-09-24 14:35:43

对我来说，当我把它们放入jsfiddle时，一些高评级的答案“工作”，但当我有一个动态生成的数组列表时，答案中的很多代码对我来说并不工作。

这就是对我有效的方法。

var from = [];

if(typeof from[0] !== undefined) {
  //...
}

注意，在undefined周围没有引号，我没有考虑长度。

2015-07-13 23:36:44

如何检查数组是否为空或存在?

推荐文章

最新文章

标签