判断字符串是否为空需根据场景选择方法，基础情况可用!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 等都会进入这里
}
</font>
</p>
<p><strong>注意</strong>：这种方法会把数字 0、布尔值 false 也当作“空”，所以只适用于明确是字符串的场景。</p>
<H3>2. 判断是否为空字符串 ''</H3>
<p>如果只想判断是不是一个空字符串（长度为0）：</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1615" title="绘蛙"><img
src="https://img.php.cn/upload/ai_manual/000/969/633/68b6da5e88ec2486.png" alt="绘蛙" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1615" title="绘蛙">绘蛙</a>
<p>电商场景的AI创作平台，无需高薪聘请商拍和文案团队，使用绘蛙即可低成本、批量创作优质的商拍图、种草文案</p>
</div>
<a href="/ai/1615" title="绘蛙" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</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() 方案，避免用户输入空格导致逻辑错误。
