• Soulock
• 2026年05月19日
• • 技术

JavaScript 判断空值：0 不算空的正确写法与 !value 的陷阱

JavaScript 里"空值"的定义因场景而异，!value 是最常见的误用——它会把 0、false、NaN、'' 全部当作空值处理，往往不符合预期。 陷阱：!value 的误判范围 const values = [0, false, NaN, '', null, undefined]; values.filter(v => !v); // [0, false, NaN, '', null, undefined] ← 全部被误判为空如果 0 是有效值（比如数量、评分、坐标），用 !value 会导致它被误过滤。 == null：同时覆盖 null 和 undefined == 宽松相等只在 null 和 undefined 之间成立，是检测这两者最简洁的方式： null == null // true undefined == null // true 0 == null // false '' == null // false false == null // false用法： function isNullish(value) { return value == null; // 等价于 value === null || value === undefined }加上空字符串判断 大多数场景下"空值"包括 null、undefined 和空字符串： function isEmpty(value) { return value == null || value === ''; }isEmpty(null) // true isEmpty(undefined) // true isEmpty('') // true isEmpty(0) // false ← 0 不算空 isEmpty(false) // false isEmpty([]) // false isEmpty(' ') // false（有空格的字符串不算空）加上空白字符串判断 如果全是空格的字符串也要视为空： function isEmpty(value) { return value == null || (typeof value === 'string' && value.trim() === ''); }isEmpty(' ') // true场景对照表场景 推荐写法只判断 null/undefined value == nullnull/undefined/空字符串 value == null || value === ''同时包含空白字符串 value == null || value?.trim() === ''非空对象（有属性） Object.keys(value).length > 0非空数组 Array.isArray(value) && value.length > 0空值合并运算符 ?? ES2020 引入的 ?? 只在左侧为 null 或 undefined 时取右侧默认值，不误判 0 和 false： const count = userInput ?? 0; // userInput 为 null/undefined 时取 0// 对比 ||： const count2 = userInput || 0; // userInput 为 0 时也会取右侧！需要默认值时优先用 ?? 而非 ||。