JS判断空字符串的几种方法

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《JS判断字符串是否为空的方法》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

判断字符串是否为空需根据场景选择方法，基础情况可用!str检测null或undefined，仅判断空字符串用str === ''，推荐使用!str || str.trim() === ''处理包含空白字符的情况，可封装为isEmpty(str)函数复用，有效避免空格导致的逻辑错误。

判断字符串是否为空在 JavaScript 中是一个常见需求。我们通常认为“空字符串”包括：空值（null）、未定义（undefined）、纯空白字符（如空格、制表符等）或长度为0的字符串。

1. 基础判断：检查 null 和 undefined

如果只是简单判断变量是否为 null 或 undefined，可以这样写：

if (str === null || str === undefined) {
  // 字符串为空
}

也可以利用 JavaScript 的“假值”特性进行简化：

if (!str) {
  // str 是 null, undefined, '', 0, false 等都会进入这里
}

注意：这种方法会把数字 0、布尔值 false 也当作“空”，所以只适用于明确是字符串的场景。

2. 判断是否为空字符串 ''

如果只想判断是不是一个空字符串（长度为0）：

if (str === '') {
  // 是空字符串
}

3. 判断是否为空或仅包含空白字符（推荐）

实际开发中，用户可能输入多个空格或制表符，这些也应视为“空”。可以用 trim() 方法去除首尾空白后再判断：

if (!str || str.trim() === '') {
  // str 为 null, undefined, '', '   ' 都会进入这里
}

这是一个最常用且安全的方式。

4. 封装成函数复用

为了方便多次使用，可以封装一个函数：

function isEmpty(str) {
  return !str || str.trim() === '';
}

// 使用示例
console.log(isEmpty(null));       // true
console.log(isEmpty(undefined));  // true
console.log(isEmpty(''));         // true
console.log(isEmpty('   '));      // true
console.log(isEmpty('hello'));    // false

基本上就这些。关键是根据业务需求选择合适的方式，大多数情况下推荐使用 trim() 方案，避免用户输入空格导致逻辑错误。

好了，本文到此结束，带大家了解了《JS判断空字符串的几种方法》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！