如何检查 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 中检查空值。