为什么包含空字符串的JavaScript条件语句不返回true？

这一现象由JavaScript的假值判定规则和逻辑与（&&）短路求值特性共同导致：

• 空字符串""是JavaScript标准假值，在if条件这类布尔上下文中会被自动判定为false
• 逻辑与运算符&&遵循短路求值逻辑：从左到右依次校验每个操作数的布尔值，只要遇到第一个假值就直接返回该值，不会执行后续的判断逻辑

代码执行逻辑拆解 #

第一段空字符串场景 #

const data = { field: "" }
const data2 = { field: "abc" }
if (data.field && data.field !== data2.field) {
  console.log('not in')
}

data.field的值是空字符串（假值），&&运算符直接返回""，if判断识别到假值后不会进入分支。

第二段非空字符串场景 #

const data = { field: "ccc" }
const data2 = { field: "abc" }
if (data.field && data.field !== data2.field) {
  console.log('in')
}

data.field的值是非空字符串（真值），&&会继续执行后续判断，"ccc" !== "abc"的结果为true，整个条件返回true，因此进入分支。

可选修正方案 #

如果你期望空字符串也能参与后续的相等性比较，可以调整条件写法，明确只排除undefined和null即可：

// != null 会同时匹配undefined和null，空字符串会通过校验进入后续比较
if (data.field != null && data.field !== data2.field) {
  console.log('not in') // 此时空字符串场景也会正常输出
}

内容的提问来源于stack exchange，提问作者COLEAN