JavaScript 检查数组是否为空或为null,或者未定义

JavaScript 检查数组是否为空或为null,或者未定义

在本节中,我们将学习如何判断数组是否为null,为空或者未定义。我们将使用JavaScript来做这个判断。有时候,空数组或者null数组会导致意外的输出或者软件崩溃。如果我们希望避免这种情况发生,我们必须检查给定或者定义的数组是否为null或者为空。我们还会检查数组是否为未定义。

如果要检查数组,条件语句和数组的长度会非常有用。数组中的元素数量由数组的长度属性返回或设置。基于元素数量,我们可以判断数组是否为空。如果给定或者定义的数组为空,它将包含0个元素。在我们的示例中,我们将描述多个示例,以便更容易理解。检查数组是否为null、为空或者未定义的非常简单的示例如下所示:

if (ourArray && ourArray.length > 0) {
   console.log('ourArray shows not empty.');
}else{
   console.log('ourArray shows empty.');
}

在下面的示例中,我们将检查 JQuery 数组是否为空。进行此操作的代码如下:

示例:

<!DOCTYPE html>
<html>
<head>
    <title> JavaScript - Check array is empty or undefined or null </title>
</head>
<body>

<script type="text/javascript">

    /*
      Basic Array checking using JQuery
    */
    var ourArray = [1, 2, 3];

    if (ourArray && ourArray.length > 0) {
        console.log('ourArray shows not empty');
    }else{
        console.log('ourArray shows empty.');
    }


    /*
      Empty array checking using Jquery Array
    */
    var ourArray2 = [];

    if (ourArray2 && ourArray2.length > 0) {
        console.log('ourArray2 shows not empty.');
    }else{
        console.log('ourArray2 shows empty.');
    }


    /*
      Undefined array checking using JQuery Array
    */
    if (typeof ourArray3 !== 'undefined' && ourArray3.length > 0) {
        console.log('ourArray3 shows not empty.');
    }else{
        console.log('ourArray3 shows empty.');
    }


    /*
      Null array checking using Jquery Array
    */
    var ourArray4 = null;

    if (ourArray4 && ourArray4.length > 0) {
        console.log('ourArray4 is not empty.');
    }else{
        console.log('ourArray4 is empty.');
    }

</script>
</body>
</html>

现在我们的代码已经准备好了,我们可以运行它。当我们运行它时,将会生成以下输出:

ourArray shows not empty.
ourArray2 shows empty.
ourArray3 shows empty.
ourArray4 shows empty.

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程