判断字符串是否为空需根据场景选择方法,基础情况可用!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() 方案,避免用户输入空格导致逻辑错误。










