js判断字符串是否为空-js教程-PHP中文网

js判断字符串是否为空

冷漠man

发布： 2025-11-17 21:59:01

原创

126人浏览过

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

js判断字符串是否为空

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

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

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

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

登录后复制

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

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

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

<H3>2. 判断是否为空字符串 ''</H3>
<p>如果只想判断是不是一个空字符串（长度为0）：</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/ai/1037">
                            <img src="https://img.php.cn/upload/ai_manual/000/000/000/175680039517993.png" alt="快转字幕">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/ai/1037">快转字幕</a>
                            <p>新一代 AI 字幕工作站，为创作者提供字幕制作、学习资源、会议记录、字幕制作等场景，一键为您的视频生成精准的字幕。</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="快转字幕">
                                <span>357</span>
                            </div>
                        </div>
                        <a href="/ai/1037" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="快转字幕">
                        </a>
                    </div>
                
<font face="Courier New">
<pre class="brush:php;toolbar:false;">
if (str === '') {
  // 是空字符串
}

登录后复制

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

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

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

<p>这是一个最常用且安全的方式。</p>

<H3>4. 封装成函数复用</H3>
<p>为了方便多次使用，可以封装一个函数：</p>
<font face="Courier New">
<pre class="brush:php;toolbar:false;">
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判断字符串是否为空的详细内容，更多请关注php中文网其它相关文章！