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

当前回答

我发现工作的方法(来自另一种语言)是做一个简单的函数来测试。

创建一个函数,检查数组的大小,并通过参数传递长度。

isEmpty(size){
        if(size==0) {
            return true;
        } else  {
            return false;
        }
    }

//then check
if(isEmpty(yourArray.length)==true){
            //its empty
        } else {
            //not empty
        }

其他回答

这就是我用的。第一个条件包含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)完全相同

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

这就是对我有效的方法。

var from = [];

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

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

我发现工作的方法(来自另一种语言)是做一个简单的函数来测试。

创建一个函数,检查数组的大小,并通过参数传递长度。

isEmpty(size){
        if(size==0) {
            return true;
        } else  {
            return false;
        }
    }

//then check
if(isEmpty(yourArray.length)==true){
            //its empty
        } else {
            //not empty
        }

下面是我的解决方案包装在一个函数,也抛出 错误来管理对象范围和所有类型的几个问题 传递给函数的可能数据类型。

这是我用来研究这个问题的小提琴(来源)

var jill = [0];
var jack;
//"Uncaught ReferenceError: jack is not defined"

//if (typeof jack === 'undefined' || jack === null) {
//if (jack) {
//if (jack in window) {
//if (window.hasOwnP=roperty('jack')){
//if (jack in window){

function isemptyArray (arraynamed){
    //cam also check argument length
  if (arguments.length === 0) { 
    throw "No argument supplied";
  }

  //console.log(arguments.length, "number of arguments found");
  if (typeof arraynamed !== "undefined" && arraynamed !== null) {
      //console.log("found arraynamed has a value");
      if ((arraynamed instanceof Array) === true){
        //console.log("I'm an array");
        if (arraynamed.length === 0) {
            //console.log ("I'm empty");
            return true;
        } else {
          return false;
        }//end length check
      } else {
        //bad type
        throw "Argument is not an array";
      } //end type check
  } else {
    //bad argument
    throw "Argument is invalid, check initialization";;
  }//end argument check
}

try {
  console.log(isemptyArray(jill));
} catch (e) {
    console.log ("error caught:",e);
}

(ECMA 5.1)如何:

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