- 什么是
NaN
- 什么時候會返回 NaN
- 判斷 NaN
- 參考
什么是 NaN
在 MDN 的 NaN 文章中有描述:
- 全局屬性 NaN 表示 Not-A-Number 的值贱田。
- NaN 是一個全局對象的屬性聚霜。
- NaN 屬性的初始值就是 NaN,和 Number.NaN 的值一樣临梗。
- 在 ES5 中拜隧, NaN 屬性是一個不可配置(non-configurable)西傀,不可寫(non-writable)的屬性动猬。但在 ES3 中,這個屬性的值是可以被更改的棉饶,但是也應(yīng)該避免覆蓋厦章。
- 通常都是在計算失敗時,作為 Math 的某個方法的返回值出現(xiàn)的(例如:
Math.sqrt(-1)
)或者嘗試將一個字符串解析成數(shù)字但失敗了的時候(例如:parseInt("blabla")
)照藻。
NaN 的類型
typeof NaN // "number"
也就是說 NaN
是一種特殊的 Number
類型值袜啃。
什么時候會返回 NaN
JavaScript 權(quán)威指南 中『3.1.3 JavaScript 中的算數(shù)運算』章節(jié)里有描述:
無窮大除以無窮大、給任意負數(shù)做開方運算 或者 算數(shù)運算符與不是數(shù)字或無法轉(zhuǎn)換為數(shù)字的操作數(shù)一起使用時都將返回
NaN
幸缕。
可分開解釋為以下等情況:
- 無窮大除以無窮大
- 給任意負數(shù)做開方運算
- 算數(shù)運算符與不是數(shù)字或無法轉(zhuǎn)換為數(shù)字的操作數(shù)一起使用
- 字符串解析成數(shù)字
以下結(jié)果都是 NaN
:
Infinity / Infinity; // 無窮大除以無窮大
Math.sqrt(-1); // 給任意負數(shù)做開方運算
'a' - 1; // 算數(shù)運算符與不是數(shù)字或無法轉(zhuǎn)換為數(shù)字的操作數(shù)一起使用
'a' * 1;
'a' / 1;
parseInt('a'); // 字符串解析成數(shù)字
parseFloat('a');
這里的『無法轉(zhuǎn)換為數(shù)字的操作』又是什么鬼囊骤?
先看下面可以轉(zhuǎn)換為數(shù)字的操作例子:
Math.sqrt('4'); // 2
2 * '2'; // 4
'4' / 2; // 2
無法轉(zhuǎn)換為數(shù)字的操作
這里涉及到 JavaScript 的 類型轉(zhuǎn)換 的概念。
JavaScript 權(quán)威指南 『3.8 類型轉(zhuǎn)換』章節(jié)有描述:
如果 JavaScript 期望使用一個數(shù)字冀值,它把給定的值將轉(zhuǎn)換為數(shù)字(如果轉(zhuǎn)換結(jié)果無意義的話將返回 NaN)。
可以使用 Number()
方法做顯式類型轉(zhuǎn)換宫屠,舉例:
Number('1'); // 1
Number(null); // 0
Number('a'); // NaN
也可以使用一元運算符 +
做隱式轉(zhuǎn)換列疗,舉例:
+'1'; // 1
+null; // 0
+'a'; // NaN
也可以使用全局函數(shù) parseInt()
和 parseFloat()
解析整數(shù)和浮點數(shù),舉例:
parseInt('12'); // 12
parseInt('12a'); // 12
parseInt('a12'); // NaN
parseInt(null); // NaN
parseInt()
和 parseFloat()
可以簡單理解為:
盡可能解析更多數(shù)值字符浪蹂,并且忽略后面的內(nèi)容抵栈;如果第一個非空格字符是非數(shù)字,則會返回
NaN
需要注意的是 Number()
和 parseInt()``parseFloat()
坤次,對某些輸入值的處理不同古劲,如 null
。
非數(shù)字類型轉(zhuǎn)換 為 數(shù)字類型缰猴,如下表匯總:
值 | 數(shù)字 |
---|---|
undefined | NaN |
null | 0 |
true | 1 |
false | 0 |
"" (空字符串) | 0 |
"1.2" (非空产艾,數(shù)字) | 1.2 |
"one" (非空,非數(shù)字) | NaN |
[] (任意對象) | 0 |
[9] (一個數(shù)字元素) | 9 |
['a'] (其他數(shù)組) | NaN |
function(){} (任意函數(shù)) | NaN |
如何判斷 NaN
首先全局的 isNaN()
函數(shù)不能嚴格判斷輸入值是否為 NaN
滑绒。
isNaN()
的怪異行為
在 MDN 的 isNaN() 文章中對 非數(shù)值參數(shù) 所表現(xiàn)的『怪異行為』有解釋:
它會先嘗試將這個參數(shù)轉(zhuǎn)換為數(shù)值闷堡,然后才會對轉(zhuǎn)換后的結(jié)果是否是
NaN
進行判斷。
因此疑故,對于能被強制轉(zhuǎn)換為有效的非
NaN
數(shù)值來說杠览,返回false
值也許會讓人感覺莫名其妙。
如下例子:
isNaN('37'); // false: 可以被轉(zhuǎn)換成數(shù)值 37
isNaN(''); // false: 空字符串被轉(zhuǎn)換成 0
嚴格判斷 NaN
參考 MDN 中 Number.isNaN()
的 Polyfill 代碼:
typeof value === 'number' && isNaN(value);
參考
Reserved by Agreal on May 5, 2016