JavaScript 如何检查变量是否为非空

您可以通过应用简单的if-else条件来轻松检查JavaScript中的变量是否为Null或NotNull。

有两种方法可以检查变量是否为null或非null。首先，我们将讨论最初看起来是正确的错误方法，然后我们将讨论正确的检查变量是否为null或非null的方法。

方法1

最初看起来是正确的错误方法

条件：

if(my_var) {
    ....
}

注意: 当一个变量为 null 时，变量中没有任何对象值。

Null 通常在需要一个对象的地方获取，但是没有相关的对象。

根据上述条件，如果 my_var 为 null，则给定的条件将不会执行，因为 null 在 JavaScript 中被视为“假”，但是 JavaScript 有许多预定义的“假”值，例如：

undefined
null
0
”” （空字符串）
false
NaN

所以如果 my_var 等于上述任何一个预定义的“假”值，则条件将不会执行，反之亦然。

示例： 以下示例展示了上述方法的使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        How to check if a Variable Is Not Null in JavaScript ?
    </title>
</head>
 
<body>
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>
    <p>
        variable-name : GFG_Var
    </p>
    <button onclick="myGeeks()">
        Check for vowel
    </button>
 
    <h3 id="div" style="color:green;">HTML</h3>
 
    <!-- Script to check existence of variable -->
    <script>
        function myGeeks() {
 
            var h3 = document.getElementById("div");
 
            var GFG_Var = h3.innerHTML;
 
            // check if GFG_Var variable contain any vowels
            // HTML text contains no vowels,
            // so variable my_var will be assigned null 
            const my_var = GFG_Var.match(/[aeiou]/gi);
 
            if (my_var) {
                h3.innerHTML = "Variable is not null";
            }
            else {
                h3.innerHTML = "Variable is NULL";
            }
        }
    </script>
</body>
</html>

输出：

JavaScript 如何检查变量是否为非空

方法2

以下代码展示了正确的检查变量是否为null的方法

条件：

if(my_var !== null)
{
    ....
}

上述条件实际上是检查变量是否为null的正确方式。如果my_var不为null，即为任何其他值，时， if 条件将执行。

如果my_var是未定义的，则条件将执行。
如果my_var是0，则条件将执行。
如果my_var是 空字符串 ，则条件将执行。
…

该条件将检查变量的确切值是否为null。

示例: 此示例演示了上述方法的使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        How to check if a Variable Is Not Null in JavaScript ?
    </title>
</head>
 
<body>
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>
 
 
    <p>
        variable-name : GFG_Var
    </p>
 
 
    <button onclick="myGeeks()">
        Check for vowel
    </button>
 
    <h3 id="div" style="color:green;">HTML</h3>
 
    <!-- Script to check existence of variable -->
    <script>
        function myGeeks() {
 
            var h3 = document.getElementById("div");
 
            var GFG_Var = h3.innerHTML;
 
            // check if GFG_Var variable contain any vowels
            // HTML text contain no vowels
            // so variable my_var will assign null 
            const my_var = GFG_Var.match(/[aeiou]/gi);
 
            // this will check exactly whether variable is null or not
            if (my_var !== null) {
                h3.innerHTML = "Variable is not null";
            }
            else {
                h3.innerHTML = "Variable is NULL";
            }
        }
    </script>
</body>
</html>

输出结果：输出结果与第一个示例相同，但JavaScript代码中有适当的条件。

JavaScript 如何检查变量是否为非空