如何检查 JavaScript 中的空值?
在本文中，我们将学习如何检查 JavaScript 中的空值。空值表示任何对象值的故意缺失。它是一个 JavaScript 原始值，在布尔运算中使用时为 false。这将 null 与相关的原始值 undefined 区分开来，后者是任何对象值的意外缺失。这是因为已声明但未赋值的变量是未定义的，而不是 null。
您可以使用现实世界的类比将变量视为一个盒子。盒子可以容纳茶壶之类的东西，就像变量一样。但是，当您打开一个盒子时，您会发现里面什么都没有!您收到了一个空包裹，因为有人犯了一个错误。该框具有一个空值，这是表示它不包含任何内容的另一种方式。
在 JavaScript 中有多种不同的方法来检查值是否为空。
- 使用严格相等运算符 (===)
- 使用 Object.is() 函数
- 使用 typeof 运算符
使用严格相等运算符 (===)
在这种方法中，我们将学习如何使用 (===) 运算符来检查空值。此测试仅对 null 有效，对 ""、undefined、false、0 或 NaN 无效。
语法
以下是使用严格相等运算符 − 的语法
let result = ( v === null );
返回值
v === null − 此参数检查变量 “v” 中存储的值是否等于 null。因此，它返回 true 或 false。
算法
步骤 1 −我们看到变量 v 被声明并初始化为空值。
步骤 2 − 然后我们使用 if 语句检查变量是否为空，如果为真，则在用户屏幕上显示相应的消息。
示例
以下示例演示了如何使用严格相等运算符 (===) 检查 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 块中执行该值，该变量包含空值。
使用 Object.is() 函数
JavaScript 中的 Object.is() 函数比较两个值以查看它们是否相同。布尔值表示函数中的两个参数是否具有相同的值。如果两个值都为空，则两个值可能相同。
语法
以下是 Object.is() 函数 − 的语法
Object.is( q, null );
参数
q −要在函数内部传递的变量，该变量使用 null 值初始化。
null − 此参数为 null 值。
算法
步骤 1 − 我们声明一个名为 q 的变量并将其设置为 null。
步骤 2 − 然后，给定输入 q 和一个 null 值，我们使用 if 语句检查 Object.is() 方法以确定两者是否相同。
步骤 3 −如果它们是相同的值，则会在用户屏幕上显示相应的消息。
示例
在下面的程序中，我们使用 Object.is() 函数来检查是否为空值。
<!DOCTYPE html>
<html>
<head>
<title>Check for null values in JavaScript</title>
</head>
<body>
<h2>Check for null values using the JavaScript Object.is() method.</h2>
<div id="output"> </div>
<script>
let output = document.getElementById("output");
var q = null;
if (Object.is(q, null)) {
output.innerHTML = "Value is null";
} else {
output.innerHTML = "Value is not null";
}
</script>
</body>
</html>
在上面的输出中，变量被检查是否为空，并且值被打印为真，表示变量包含空值。
使用 typeof 运算符
typeof 运算符可用于确定 JavaScript 变量的数据类型。这里我们将 typeof 运算符与 null 运算符一起使用。(!variable) 表示值不为空，如果使用 typeof 运算符检查具有对象数据类型的变量，则值为空。
语法
以下是 typeof 运算符 −
的语法typeof var;
此处 var 是需要检查其数据类型的变量，用作参数。
算法
步骤 1 − 我们声明一个名为 a 的变量并将其设置为 null。
步骤 2 − 然后我们检查变量的补集和变量的数据类型是否为对象。
步骤 3 − 如果两个条件都匹配，则该值被视为等于 null。
步骤 4 −用户屏幕上会显示一条适当的消息。
示例
在此示例中，我们使用 JavaScript typeof 运算符来检查给定变量的值是否等于 null。
<!DOCTYPE html>
<html>
<head>
<title>检查 JavaScript 中是否为空值 </title>
</head>
<body>
<h2>使用 JavaScript typeOf 运算符检查是否为空值。</h2>
<div id="output"> </div>
<script>
let output = document.getElementById("output");
var a = null;
if (!a && typeof a === "object") {
output.innerHTML = "Value is null";
} else {
output.innerHTML = "Value is not null";
}
</script>
</body>
</html>
在上面的输出中，对变量是否为空进行了测试，并在变量具有空值的 if 块中执行该值。
结论
在本教程中，我们使用了三种方法来检查 JavaScript 中的空值。
在第一种方法中，我们使用了严格的相等运算符，并表明可以比较两个空值。
第二种方法很有用，因为它使用 Object.is() 函数来检查和比较两个空值。
第三种方法是使用 typeof 运算符，该运算符检查变量的值及其数据类型以返回它是否为空值。
本文中的所有这些方法总结了如何在 JavaScript 中检查空值。
