揭秘 JavaScript 检查存在且非空字符串的艺术

JavaScript 如何检查一个存在的、非空字符串？

在 JavaScript 中，检查一个存在的、非空的字符串有多种方法，每种方法都有其优缺点和适用场景。本文将介绍最常用的两种方法：

1. typeof 运算符

typeof 运算符用于返回一个变量的数据类型。对于字符串，typeof 运算符将返回 "string"。因此，我们可以使用以下代码来检查一个变量是否为非空的字符串：

if (typeof variable === "string" && variable.length > 0) {
  // variable 是一个存在的、非空的字符串
}

这种方法简单易用，但它有一个缺点：如果变量不是字符串，而是字符串对象，那么 typeof 运算符也会返回 "string"。例如，以下代码将返回 true，即使 variable 是一个字符串对象：

const variable = new String("Hello");

if (typeof variable === "string" && variable.length > 0) {
  // variable 是一个存在的、非空的字符串
}

2. length 属性

length 属性返回字符串的长度。对于非空的字符串，length 属性将返回一个大于 0 的值。因此，我们可以使用以下代码来检查一个变量是否为非空的字符串：

if (variable.length > 0) {
  // variable 是一个存在的、非空的字符串
}

这种方法简单易用，并且可以正确处理字符串对象。但是，它有一个缺点：如果变量不是字符串或字符串对象，而是其他类型的值，那么 length 属性将返回 undefined。例如，以下代码将返回 undefined，即使 variable 是一个数字：

const variable = 123;

if (variable.length > 0) {
  // variable 是一个存在的、非空的字符串
}

如何处理 new String() 构造函数创建的字符串？

new String() 构造函数可以创建一个字符串对象。字符串对象与普通字符串非常相似，但它们有一些不同的属性和方法。例如，字符串对象具有一个 constructor 属性，该属性指向 String() 构造函数。

如果我们使用 typeof 运算符来检查一个由 new String() 构造函数创建的字符串，那么它将返回 "object"。这是因为字符串对象是一种对象，而不是字符串。因此，我们需要使用 length 属性来检查一个由 new String() 构造函数创建的字符串是否为非空的字符串：

const variable = new String("Hello");

if (variable.length > 0) {
  // variable 是一个存在的、非空的字符串
}

总结

在 JavaScript 中，检查一个存在的、非空的字符串有多种方法。最常用的两种方法是使用 typeof 运算符和 length 属性。typeof 运算符简单易用，但它无法区分字符串和字符串对象。length 属性可以正确处理字符串和字符串对象，但它无法处理其他类型的值。

在选择哪种方法来检查一个字符串时，我们需要考虑变量的类型和我们希望检查的条件。如果我们只需要检查变量是否为一个非空的字符串，那么我们可以使用 typeof 运算符。如果我们需要检查变量是否为一个非空的字符串或字符串对象，那么我们可以使用 length 属性。