初學者指南：什麼是 JavaScript 中的 NaN？

更新日期： 2024 年 10 月 15 日

在學習 JavaScript 的過程中，你可能會遇到一個叫做 NaN 的值。

這是一個相對容易讓初學者感到困惑的概念，因為它的名字意思是 “Not a Number”，卻常出現在數字計算中。

在這篇文章中，我們將解釋什麼是 NaN，它是如何產生的，以及如何處理它。

什麼是 NaN？

NaN 是 “Not a Number” 的縮寫，表示 “不是一個數字”。

NaN 是 JavaScript 中的一個特殊數值，通常表示一個運算沒有得到有效的數字結果。

當你嘗試進行一些數學計算，但結果無法用數字表示時，JavaScript 就會返回 NaN。

例子

let result = "hello" / 2;
console.log(result); // 輸出：NaN

在這個例子中，我們試圖將字串 “hello” 除以數字 2，這顯然是無法計算的。

因此，JavaScript 返回 NaN，表示這次的運算無法得到有效的數字結果。

什麼情況下會得到 NaN？

以下是一些常見的場景，在這些情況下你可能會得到 NaN：

字串與數字之間的無效運算

當你嘗試對字串和數字進行除法、乘法、或減法等數學運算時，就會得到 NaN。

let result = "apple" - 3;
console.log(result); // 輸出：NaN

parseInt 或 parseFloat 的失敗轉換

當你使用 parseInt() 或 parseFloat() 來將一個無法轉換為數字的字串轉換時，結果也會是 NaN。

let num = parseInt("abc");
console.log(num); // 輸出：NaN

0 除以 0

在數學中，0 除以 0 是沒有意義的，因此 JavaScript 返回 NaN。

let result = 0 / 0;
console.log(result); // 輸出：NaN

NaN 的特點

NaN 在 JavaScript 中有一些特殊的特點，理解這些特點可以幫助你更好地處理它。

NaN 是一種數字類型

雖然 NaN 的意思是 “不是一個數字”，但它實際上屬於 number 類型。

console.log(typeof NaN); // 輸出："number"

這是 JavaScript 的一個有趣特性，NaN 被視為一種數字類型，即使它表示無效的數字結果。

NaN 不等於自身

NaN 是唯一一個在 JavaScript 中 不等於自己 的值。

如果你比較 NaN 和 NaN，結果是 false。

console.log(NaN === NaN); // 輸出：false

這是因為 NaN 代表一個無法定義的值，因此它不能與任何東西相等，包括它自己。

如何檢查 NaN

因為 NaN 不等於自身，所以你無法直接使用 === 來檢查變數是否是 NaN。

幸運的是，JavaScript 提供了一個內建的函數 isNaN()，可以幫助你檢查某個值是否為 NaN。

使用 isNaN()

let result = "hello" / 2;
console.log(isNaN(result)); // 輸出：true

在這個例子中，isNaN(result) 返回 true，表示 result 的值是 NaN。

Number.isNaN()

JavaScript 還有一個更精確的函數 Number.isNaN()，它只會在變數確實是 NaN 時返回 true，而不像 isNaN() 那樣可能將其他類型誤判為 NaN。

console.log(Number.isNaN(NaN)); // 輸出：true
console.log(Number.isNaN("hello")); // 輸出：false

如何處理 NaN

遇到 NaN 的時候，你可能需要找出導致它出現的原因，並進行適當的處理。

以下是一些處理 NaN 的方法：

1. 檢查輸入類型：在進行數學運算之前，確保輸入是有效的數字，可以使用 typeof 或 isNaN() 來進行檢查。

   function safeDivide(a, b) {
     if (typeof a !== "number" || typeof b !== "number") {
       return "請提供有效的數字！";
     }
     return a / b;
   }

2. 使用預設值：在得到 NaN 時，可以設置預設值，避免在應用程式中出現不可預期的結果。

   let result = parseInt("abc");
   if (isNaN(result)) {
     result = 0;
   }
   console.log(result); // 輸出：0

結論

在 JavaScript 中，NaN 是一個表示 “不是一個數字” 的特殊值，用來告訴你某個運算沒有產生有效的數字結果。

儘管它的名字是 “Not a Number”，但 NaN 實際上屬於數字類型。

理解什麼是 NaN 以及如何處理它，能夠幫助你編寫更穩定和健壯的程式碼。

希望這篇文章幫助你了解 NaN 的用途和特點。

如果你在學習 JavaScript 時遇到 NaN，記得不要慌張，多多練習，了解它出現的原因，就能更好地處理它！