[精讚] [會員登入]
7553

[Javascript] NaN是什麼?

javascript 的NaN和取得整數

分享此文連結 //n.sfs.tw/11560

分享連結 [Javascript] NaN是什麼?@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-25 14:13:17 最後編修
2017-08-06 01:42:39 By 張○○
 

自動目錄

Javascipt 裡面有一種型別在你轉成整數 parseInt或轉成浮點數 parseFloat時會出現:

var p= parseInt("abc32564");
alert(p);

結果:NaN

出現NaN這個型別代表輸出失敗,而NaN是什麼?

NaN代表的就是「Not a Number」 ,不是一個數字。要檢查是不是NaN可用函數 isNaN來檢查:

if(isNaN(p)){ alert("請輸入數值"); return false;}

NaN比對範例

基本上只要結果不是數值的就是NaN,但有一些「特別的」例外,例如空字串或真假(true/false)

isNaN == false,是數值

isNaN(123) //false
isNaN(-1.23) //false
isNaN(5-2) //false
isNaN(0) //false
isNaN(
\0x32) //false 十六進位
isNaN('123') //false
isNaN('') //false
isNaN(
null) //false
isNaN(true) //false

isNaN == true,不是數值

isNaN(Object()) //true 物件本身
isNaN(function(){return 1;}) //true 函數就算return 1,還是NaN
isNaN(xyz) //true var xyz; 宣告後沒賦值的變數,等同 undefined
isNaN("123abc") //true
isNaN(undefined) //true
isNaN('NaN') //true
isNaN(
NaN) //true
isNaN(0 / 0) //true
isNaN('Hello') //true
isNaN('2005/12/12') //true

ParseInt(ParseFloat)結果範例

console.log(parseInt(\x032)); // SyntaxError: illegal character
console.log(parseInt("123abc"));  //123
console.log(parseInt("abc12345"));  // NaN
console.log(parseInt("123.456")); //123
console.log(parseInt("123.456ab"));  //123
console.log(parseInt("abc123.456"));  // NaN
console.log(parseInt("abcd"));   // NaN
console.log(parseInt(".12345"));  // NaN
console.log(parseInt(""));  // NaN
console.log(parseInt(undefined));  // NaN
console.log(parseInt(null));  // NaN
console.log(parseInt(NaN));  // NaN
console.log(parseInt(false));  // NaN

補充

Select的選項option如果設定是disabled的話,傳出來的值也是NaN

參考資料

[1] https://www.w3schools.com/Jsref/jsref_isnan.asp


原文 2010-07-19 00:59:42

END

你可能感興趣的文章

[jQuery] checkbox 及 radio 設定值 jQuery 之 checkbox 及 radio 取值及設定值的方法

正則表達式:Email名稱防止連續輸入點(.)及下底線(_) Email的名稱中要允許特殊符號,但又不允許連續出現的正則表達式

[Jquery] 複選的checkbox取值 遇到複選的checkbox該如何取值?

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

[Javascript/Jquery] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

[Javascript] 陣列、陣列的操作 Javascript 的陣列操作:宣告、取值、賦值、插入或移除項目,檢查KEY、檢查是否為陣列等等

隨機好文

UTF-8 BOM (Byte Order Mark) 的問題 在 Michael Kaplan 那看到 Every character has a story #4: U+feff

Linux shell 的date表示法 linux下SHELL中的date表示法

TFTP Server 安裝及使用 讓設備的網路設定檔或是韌體經由TFTP拷備出來,操作的方法

[CodeIgniter3] 解決無法上傳特定檔案(.sb2)的問題 上傳時出現The filetype you are attempting to upload is not allowed,要怎麼解決?

精讚的版面變化 ▓此文僅作為舊文的記錄▓ 這篇文章為了紀念改版完成而撰寫。 原本的部落格是民國97年的作品,那時還是用舊有的技術來寫,很