[精讚] [會員登入]
391

[Javascript] NaN是什麼?

javascript 的NaN和取得整數

此文完整連結 http://n.sfs.tw/11560

複製連結 [Javascript] NaN是什麼?@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2017-11-16 11:13:36 最後編修
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

你可能感興趣的文章

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

[CKeditor4] 修改調色盤 修改ckeditor預設的調色盤

[Javascript] 偵錯方式 (火狐中的javascript偵錯) javascript 並不是很容易偵錯(debug)的語言,但那是以前,現在有很多瀏覽器支持很多的工具,此文以火狐為例談談偵錯...

[CKeditor4] 設定區塊樣式、段落格式、字型名稱及字型大小 CKeditor4中要自訂設定區塊樣式、段落格式、字型名稱及字型大小。

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

[Javascript] NaN是什麼? javascript 的NaN和取得整數

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

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值,不能使用 .text() 或 .html() ,使用 .

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

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

我有話要說


限制:留言最高字數1000字,超過部分會被截掉。請注意:留言不可帶有網址,會被濾掉。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

使用Google尋找你的手機 這近發現google竟然可以用來找android的手機,而且不需要經過什麼設定或安裝軟體。

SELinux 常用指令和檔案 在Redhat系列中,Centos5以後加入了selinux,他並沒有這麼可怕,不必每次看到Selinux ,就想把他

[bc] linux 的計算機 bc 設定小數位數、計算π、次方根 linux 的計算機 bc 設定小數位數、計算π、次方根

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

[PHP]解決ksort新增的SORT_NATURAL|SORT_FLAG_CASE方法 php>=5.4中ksort函數多了SORT_NATURAL 和 SORT_FLAG_CASE 旗標,對舊版的PHP中要怎麼辦?