当页面第一次加载时,我需要检查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(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)完全相同