JS 判断是否为空字符串|极客笔记

JS 判断是否为空字符串

在前端开发中，经常会遇到需要判断一个字符串是否为空的情况。空字符串指的是由空格或没有任何字符组成的字符串。在 JavaScript 中，有多种方式来检查一个字符串是否为空。

使用 if 语句

我们可以使用 if 语句结合字符串的 length 属性来判断一个字符串是否为空。如果字符串长度为 0，则说明这是一个空字符串。

let str = "   ";
if (str.trim().length === 0) {
    console.log("字符串为空");
} else {
    console.log("字符串不为空");
}

在上面的示例中，我们使用了 trim() 方法去除字符串两端的空格，然后再通过 length 属性判断字符串的长度是否为 0。如果为 0，就表示字符串为空。

使用正则表达式

另一种判断字符串是否为空的方法是使用正则表达式。我们可以通过正则表达式匹配空字符串的模式，来判断一个字符串是否为空。

let str = "   ";
if (/^\s*$/g.test(str)) {
    console.log("字符串为空");
} else {
    console.log("字符串不为空");
}

在上面的示例中，我们使用了 /^\s*$/g 正则表达式来匹配是否是由空格组成的字符串。如果匹配成功，就表示字符串为空。

使用 trim() 方法

trim() 方法可以去除字符串两端的空格。如果一个字符串经过 trim() 方法处理后长度为 0，则说明这是一个空字符串。

let str = "   ";
if (str.trim() === "") {
    console.log("字符串为空");
} else {
    console.log("字符串不为空");
}

在上面的示例中，我们直接使用 trim() 方法得到去除空格后的字符串，然后判断是否为空字符串。

使用两个感叹号 !!

!! 可以将一个值转换为布尔值。当一个字符串为空时，使用 !! 转换后会得到 false 值。

let str = "   ";

if (!str) {
    console.log("字符串为空");
} else {
    console.log("字符串不为空");
}

在上面的示例中，我们直接使用 if 语句来判断 !str，如果为 true 表示字符串为空。

测试代码

下面我们使用一个测试案例，来验证上述各种方法的判断效果。

function isEmpty(str) {
    if (str.trim().length === 0) {
        return true;
    } else {
        return false;
    }
}

let str1 = "   ";
let str2 = "";
let str3 = "hello";

console.log(isEmpty(str1)); // true
console.log(isEmpty(str2)); // true
console.log(isEmpty(str3)); // false

在上述测试案例中，我们定义了一个 isEmpty 函数，根据字符串是否为空返回 true 或 false。然后我们分别测试了空字符串、空字符串和非空字符串的情况，可以看到返回的结果是正确的。