在 JavaScript 检查空字符串

在很多情况下你可能需要检查字符串是否为空。最重要的情况之一是当你从数据库、API 或输入字段中检索数据时。

在本文中,你将学习如何在 JavaScript 中检查字符串是否为空或 null。我们将看到许多你可以使用的示例和方法,以便你理解它们,并决定使用哪一个以及何时使用。

Null 和 Empty 有什么区别

在开始之前,你需要了解 Null 和 Empty 这两个术语的含义,并理解它们不是同义词。

例如,如果我们声明一个变量并为其分配一个空字符串,然后声明另一个变量并为其分配 Null 值,我们可以通过查看它们的数据类型来区分它们:

let myStr1 = "";
let myStr2 = null;

console.log(typeof myStr1); // "string"
console.log(typeof myStr2); // "object"

看上面的代码,我们可以看到编译器/计算机对每个值的解释不同。因此,当需要检查时,我们必须为这两种类型的值传递条件,因为我们人类经常将 null 称为空。

如何在 JavaScript 中检查空值或 Null

我们现在知道空字符串是不包含字符的字符串。检查字符串是否为空非常简单。我们可以使用两种有些相似的主要方法,我们将使用严格相等运算符(==)。

如何在 JavaScript 中使用 length 属性检查空字符串

在第一种方法中,我们将通过添加 length 属性来检查字符串的长度。我们将检查长度是否等于 0。如果等于 0,则表示字符串为空,如下所示:

let myStr = "";

if (myStr.length === 0) {
  console.log("This is an empty string!");
}

以上代码将返回:

"This is an empty string!"

但不幸的是,这种方法可能不适用于所有情况。例如,如果我们有一个包含空格的字符串,如下所示:

let myStr = "  ";

if (myStr.length === 0) {
  console.log("This is an empty string!");
}else{
  console.log("This is NOT an empty string!");
}

这将返回:

"This is NOT an empty string!"

我们可以先使用 trim() 方法删除空格,然后再检查字符串的长度以查看其是否为空,以轻松修复此错误,如下所示:

let myStr = "  ";

if (myStr.trim().length === 0) {
  console.log("This is an empty string!");
}else{
  console.log("This is NOT an empty string!");
}

这段代码将返回:

"This is an empty string!"

注意:如果值为 null,这将引发错误,因为 length 属性不适用于 null。

为了解决这个问题,我们可以添加一个参数来检查值的类型是否为字符串,如果不是则跳过此检查:

let myStr = null;

if (typeof myStr === "string" && myStr.trim().length === 0) {
  console.log("This is an empty string!");
}

如何通过字符串比较检查 JavaScript 中的空字符串

检查字符串是否为空的另一种方法是将字符串与空字符串进行比较。

例如:

let myStr = "";

if (myStr === "") {
  console.log("This is an empty string!");
}

与前面的方法一样,如果我们有空格,则不会将字符串读取为空。所以我们必须首先使用 trim() 方法去除所有形式的空格:

let myStr = "   ";

if (myStr.trim() === "") {
  console.log("This is an empty string!");
} else {
  console.log("This is NOT an empty string!");
}

就像我们对 length 方法所做的那样,我们也可以检查值的类型,这样它只会在值是字符串时运行:

let myStr = null;

if (typeof myStr === "string" && myStr.trim() === "") {
  console.log("This is an empty string!");
}

如何在 JavaScript 中检查 Null

到目前为止,我们已经了解了如何使用 length 和比较方法检查字符串是否为空。

现在,让我们看看如何检查它是否为 null,然后检查两者。要检查 null,我们只需将该变量与 null 本身进行比较,如下所示:

let myStr = null;

if (myStr === null) {
  console.log("This is a null string!");
}

这将返回:

"This is a null string!"

如何在 JavaScript 中检查 Null 或空字符串

在这一点上,我们已经学会了如何检查一个空字符串以及一个变量是否设置为 null。现在让我们看一下这两种方式:

let myStr = null;

if (myStr === null || myStr.trim() === "") {
  console.log("This is an empty string!");
} else {
  console.log("This is not an empty string!");
}

这将返回:

"This is an empty string!"

小结

在本文中,我们学习了如何检查空字符串或 null,以及为什么它们不一样。