您现在的位置：程式碼之家 >> 編程語言 > >> 更多程式語言 >> 程式設計綜合問答

JavaScript 空值判斷全解析：undefined vs null vs 空字符串 vs 0 vs false

編輯：程式設計綜合問答

核心結論速查表

變量狀態	`if (x)`	`x == null`	說明
未聲明 `x`	拋出 ReferenceError	拋出 ReferenceError	嚴格模式下直接報錯
`var x;` (未賦值)	false	true	默認值 undefined
`var x = null;`	false	true	顯式空值
`var x = 0;`	false	false	數字零
`var x = '';`	false	false	空字符串
`var x = false;`	false	false	布爾假

深度解析

1. 未聲明 vs 未定義


// 情況 ①：完全沒有 var/let/const 聲明
if (x) {} // ReferenceError: x is not defined

// 情況 ②：聲明但未賦值
var x;
if (x) {} // false
x == null // true (undefined == null 為 true)

2. 真值/假值判斷規則

JS 中只有 6 個假值：undefined, null, 0, '', false, NaN。其餘均為真值（包括 [], {}, "0", "false"）。

3. 相等 vs 嚴格相等


null == undefined   // true  (類型轉換後相等)
null === undefined  // false (類型不同)
null == 0           // false
'' == 0             // true  (字符串轉數字)
[] == ''            // true  (數組轉空串)

最佳實踐建議

判斷「有無值」：用 x == null 同時檢查 null/undefined
判斷「非空字符串」：用 x != null && x !== '' 或 !!x（注意 "0" 會通過）
判斷「有效數字」：用 typeof x === 'number' && !isNaN(x)
避免隱式轉換：優先用 ===，明確意圖

實用封裝函數


const isEmpty = v => v == null || v === '' || (Array.isArray(v) && v.length === 0) || (typeof v === 'object' && Object.keys(v).length === 0);
const isBlank = v => v == null || String(v).trim() === '';

理解 JS 類型轉換規則，能避免 90% 的邏輯判斷 Bug。