[精讚] [會員登入]
7488

[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

你可能感興趣的文章

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

Jquery+CSS div區塊的拖拉(drag and drop)效果 網頁想要做到拖拉區塊的功能,但又不想使用他人的插件或是 jquery-ui的話,怎麼做?

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

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

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

[jQuery] 利用load()來達成ajax的寫法 jQuery中利用load()來達成ajax的寫法,也有人稱他是假的ajax,作法就是..

隨機好文

PHP for sphinx 函式庫安裝 PECL/sphinx PHP>= 5.2.2 已經能原生支援 sphinx,可是預設的沒有裝,我們得自己裝才能用

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

UTF8中文字/全形一覽 快速查詢urf-8的中文字,共計13246中文字(5401常用字+7652罕用字+日文或編號),292全形符號,27半形符號。

對物品的感情 這個議題很奇怪,可是大部分的人都會有,物品是死的,壞了就淘汰,出新的就被替換。為何會有情感?

真正的喜悅 幾種喜悅的類型,雖然很簡單,卻是很多人百思不得其解的難題..