JavaScript - Null 空值检查

在本章中，我们将学习如何在 JavaScript 中检查空值。空值表示对象值有意缺失。它是一个 JavaScript 原始值，在布尔运算中使用时为 false。

这将 null 与相关的原始值 undefined 区分开来，undefined 表示对象值无意缺失。这是因为已声明但未赋值的变量是 undefined 而不是 null。

我们可以举个例子，一个盒子里什么都没有，可以说这个盒子是空的。同样，在 JavaScript 中，当变量没有值时，我们可以说它为空。

检查空值

我们可以使用多种方法在 JavaScript 中检查空值。让我们逐一看看。

• 使用严格相等运算符 (===)
• 使用 typeof 运算符
• 使用 Object.js 方法

使用严格相等运算符 (===)

在此方法中，我们将看到如何使用严格相等运算符 (===) 检查空值。严格相等运算符比较两个值是否相等。如果值相等，则返回 true，否则返回 false。它是一个严格相等运算符，这意味着它同时检查变量的类型和值。

语法

使用严格相等运算符检查空值的语法如下所示。

let result = ( v === null );

示例

以下是在 JavaScript 中检查空值的示例。

<!DOCTYPE html>
<html>
<head>
<title>Check for null values in JavaScript</title>
</head>
<body>
<h2>Check for null values using the strict equality operator.</h2>
<div id="output"></div>
<script>
let output = document.getElementById("output");
var v = null;
if (v === null) {
   output.innerHTML = "Value is null";
} else {
   output.innerHTML = "Value is not null";
}
</script>
</body>
</html>

在上面的输出中，变量被检查是否为空，并在 if 语句块中执行，判断变量是否为空。

使用 typeof 运算符

typeof 运算符可用于确定 JavaScript 变量的数据类型。这里我们将 typeof 运算符与 null 运算符一起使用。(!variable) 表示值不为空，如果使用 typeof 运算符检查变量是否为对象数据类型，则该值为空。

语法

以下是 typeof 运算符的语法

typeof var;

此处 var 是需要检查数据类型的变量，用作参数。

示例

在此示例中，我们使用 JavaScript 的 typeof 运算符来检查给定变量的值是否等于 null。

<!DOCTYPE html>
<html>
<head>
<title>Check for null values in JavaScript</title>
</head>
<body>
<h2>Check for null values using the typeof operator.</h2>
<div id="output"></div>
<script>
let output = document.getElementById("output");
var v = null;
if (!v && typeof v === "object") {
   output.innerHTML = "Value is null";
} else {
   output.innerHTML = "Value is not null";
}
</script>
</body>
</html>

在上述输出中，测试了变量是否为 null，并在变量为 null 的 if 语句块中执行该值。

使用 Object.js 方法

JavaScript 中的 Object.is() 函数用于比较两个值是否相同。布尔值表示函数中的两个参数是否相同。如果两个值都为 null，则两个值可能相同。

语法

以下是 Object.is() 方法的语法

Object.is( q, null );

参数

Object.is() 方法中使用的参数如下

• q 要比较的第一个值。
• null 要比较的第二个值。

示例

在下面的程序中，我们使用 Object.is() 函数检查是否为空值

<!DOCTYPE html>
<html>
<head>
<title>Check for null values in JavaScript</title>
</head>
<body>
<h2>Check for null values using the Object.is() method.</h2>
<div id="output"></div>
<script>
let output = document.getElementById("output");
var v = null;
if (Object.is(v, null)) {
   output.innerHTML = "Value is null";
} else {
   output.innerHTML = "Value is not null";
}
</script>
</body>
</html>

输出

以下是上述程序的输出。

Value is null

在上面的输出中，变量被检查是否为空，并打印出变量值为 true 的语句，表示该变量包含空值。

结论

在本章中，我们学习了如何在 JavaScript 中使用严格相等运算符、typeof 运算符和 Object.is() 方法检查空值。我们还学习了每种方法的语法和示例。