如何在JavaScript中检查变量是否为null

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

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

方法1： 看起来正确但实际上是错误的。

条件：

if(my_var) {
    ....
}

注意： 当一个变量是null时，在变量中没有任何对象值。

null常常出现在期望是对象的地方，但并没有相关的对象。

按照上述条件，如果 my_var 是null，那么给定的 _ if_ 条件将不执行，因为在JavaScript中null是 falsy 值，但是在JavaScript中，有许多预定义的falsy值，如：

undefined
null
0
“” （空字符串)
false
NaN

因此，如果 my_var 等于以上任何预定义的falsy值，则 _ if_ 条件将不会执行，反之亦然。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>如何在JavaScript中检查变量是否为null ?</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中检查变量是否为null

Check for vowel

方法2： 以下是正确的方法来检查变量是否为null。

条件：

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

上述条件实际上是检查变量是否为null的正确方法。 _ if_ 条件将在 my_var 是null以外的任何值时执行，即：

如果my_var是 undefined ，则条件将执行。
如果my_var是 0 ，则条件将执行。
如果my_var是 “” （空字符串），则条件将执行。
…

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

示例： 此示例展示了以上解释方法的使用。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        如何在JavaScript中检查变量是否为非null？
    </title>
</head>

<body>
    <h2 style="color:green;">
        GeeksforGeeks
    </h2>


    <p>
        变量名：GFG_Var
    </p>


    <button onclick="myGeeks()">
        检查元音字母
    </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;

            // 检查GFG_Var变量是否包含任何元音字母
            // HTML文本不包含元音字母
            // 所以变量my_var将被赋值为null
            const my_var = GFG_Var.match(/[aeiou]/gi);

            // 这将准确地检查变量是否为null
            if (my_var !== null) {
                h3.innerHTML = "变量不是null";
            }
            else {
                h3.innerHTML = "变量是NULL";
            }
        }
    </script>
</body>
</html>