JS null判断|极客笔记

JS null判断

在 JavaScript 编程中，我们经常需要对 null 进行判断。null 是一种特殊的数据类型，表示一个空对象引用。在很多情况下，我们需要检查一个变量是否为 null，以便在程序中做出相应的处理。本文将详细介绍在 JavaScript 中如何对 null 进行判断以及相关的注意事项。

null 是 JavaScript 的一种特殊数据类型，表示一个空对象引用。它不等于任何其他值，包括 undefined。在 JavaScript 中，对于未赋值或者不存在的变量，其默认值为 undefined，而不是 null。

使用 typeof 运算符来检查 null 时，会返回 “object”，这是一个历史遗留问题。因此，typeof 运算符并不能准确判断一个变量是否为 null。实际上，我们通常可以使用全等操作符（===）来判断一个变量是否为 null。例如：

let person = null;
console.log(person === null); // true
console.log(person === undefined); // false

在上述示例中，我们先将 person 变量赋值为 null，然后使用全等操作符进行判断。结果显示 person 确实等于 null，但不等于 undefined。

在 JavaScript 中，我们可以使用 if-else 语句对 null 进行判断。下面是一个简单的示例：

let person = null;

if (person === null) {
  console.log("person 是 null");
} else {
  console.log("person 不是 null");
}

上述代码中，我们使用 if-else 语句检查 person 是否为 null，根据判断结果输出相应的提示信息。

除了使用 if-else 语句，我们还可以使用三元运算符进行条件判断，以简化代码。下面是一个使用三元运算符的示例：

let person = null;
let message = person === null ? "person 是 null" : "person 不是 null";
console.log(message);

在上述代码中，我们使用三元运算符判断 person 是否为 null，并将结果赋值给 message 变量。然后，将 message 变量的值输出到控制台。

除了全等操作符和三元运算符，我们还可以使用逻辑非运算符进行判断。在 JavaScript 中，null 是一个假值（falsy value），它在布尔上下文中会被转换为 false。因此，我们可以使用逻辑非运算符将 null 转换为 true，再取反得到判断结果。

下面是一个使用逻辑非运算符的示例：

let person = null;

if (!!person) {
  console.log("person 不是 null");
} else {
  console.log("person 是 null");
}

在上述代码中，我们使用逻辑非运算符将 person 转换为 true，然后取反得到判断结果。根据判断结果输出相应的提示信息。

在 ECMAScript 2020 中引入了 Nullish 合并运算符（??），可以用来判断一个变量是否为 null 或 undefined。与逻辑或运算符（||）不同，Nullish 合并运算符将只在变量为 null 或 undefined 时返回其右侧的值。

下面是一个使用 Nullish 合并运算符的示例：

let person = null;
let name = person ?? "Unknown";

console.log(name);

在上述代码中，我们使用 Nullish 合并运算符判断 person 是否为 null 或 undefined，如果为真，则将 “Unknown” 赋值给 name 变量。最后，将 name 的值输出到控制台。

在对 null 进行判断时，有一些需要注意的事项：

使用全等操作符进行判断时，要注意变量类型是否相同。例如，如果一个变量的类型为 string，而另一个变量的类型为 object（null 的类型），它们不可能相等。
在使用逻辑非运算符进行判断时，要先将 null 转换为布尔类型，再取反得到判断结果。
在使用 Nullish 合并运算符进行判断时，要注意其与逻辑或运算符的区别。逻辑或运算符在判断 null 或 undefined 时，会返回其右侧的值。