今天JavaScript欄目如何判斷變量是否為數(shù)字。
大家都說簡歷沒項目寫,我就幫大家找了一個項目。
簡介
JavaScript 是一種動態(tài)類型語言,這意味著解釋器在運行時確定變量的類型。實際上,這也允許我們在相同的代碼中使用相同的變量來存儲不同類型的數(shù)據(jù)。如果沒有文檔和一致性,我們在使用代碼時并不總是知道變量的類型。
當我們期望一個變量是數(shù)字時,對字符串或數(shù)組進行操作可能會在代碼中導致奇怪的結果。在本文中,我們將會介紹一些判斷變量是否為數(shù)字的函數(shù)。
像"10"
之類的數(shù)字的字符串不應被接受。 在JavaScript中,諸如NaN
,Infinity
和-Infinity
之類的特殊值也是數(shù)字類型的。
根據(jù)這些要求,最好使用的函數(shù)是內置Number
對象中的isFinite()
函數(shù)。但是,開發(fā)人員通常會使用其他函數(shù),如Number.isNaN()
和typeof()
函數(shù)。
我們先創(chuàng)建一些變量:
let intVar = 2; let floatVar = 10.5; let stringVar = '4'; let nanVar = NaN; let infinityVar = Infinity; let nullVar = null; let undefinedVar = undefined;復制代碼
使用 Number.isFinite() 函數(shù)名
Number.isFinite()
函數(shù)檢查變量是否為數(shù)字,還檢查其是否為有限值。 因此,對于NaN
,Infinity
或-Infinity
的數(shù)字,它返回false
。
我們用上面定義的變量來檢驗一下:
> Number.isFinite(intVar); true > Number.isFinite(floatVar); true > Number.isFinite(stringVar); false > Number.isFinite(nanVar); false > Number.isFinite(infinityVar); false > Number.isFinite(nullVar); false > Number.isFinite(undefined); false復制代碼
這正是我們想要的。特殊的非有限數(shù)以及非數(shù)字類型的任何變量都會被忽略。所以,如果你想檢查一個變量是否是一個數(shù)字,最好的方法是使用Number.isFinite()
函數(shù)。
使用 Number.isNaN() 方法
標準Number
對象有一個isNaN()
方法。它接受一個參數(shù),并確定其值是否為NaN
。因為我們想檢查一個變量是否是一個數(shù)字,所以我們將在檢查中使用非操作符!
。
> !Number.isNaN(intVar); true > !Number.isNaN(floatVar); true > !Number.isNaN(stringVar); true # Wrong > !Number.isNaN(nanVar); false > !Number.isNaN(infinityVar); true # Wrong > !Number.isNaN(nullVar); true # Wrong > !Number.isNaN(undefinedVar); true # Wrong復制代碼
這個方法是相當寬松的,因為它接受根本不是數(shù)字的值。這種方法最適合于當你知道你有一個數(shù)字并且要檢查它是否是一個NaN
值時,而不是一般的數(shù)字檢查。
使用 typeof() 方法
typeof()
函數(shù)是一個全局函數(shù),它接受變量或值作為參數(shù),并返回其類型的字符串表示。JavaScript 總共有9
種類型
- undefined
- boolean
- number
- string
- bigint
- symbol
- object
- null (typeof() 顯示的是
object
) - function (一種特殊類型的 object)
為了驗證變量是否為數(shù)字,我們只需要檢查typeof()
返回的值是否為`"number"。 讓我們嘗試一下測試變量:
> typeof(intVar) == 'number'; true > typeof(floatVar) == 'number'; true > typeof(stringVar) == 'number'; false > typeof(nanVar) == 'number'; true # Wrong > typeof(infinityVar) == 'number'; true # Wrong > typeof(nullVar) == 'number'; false > typeof(undefined) == 'number'; false復制代碼
typeof()
函數(shù)的性能比Number.isNaN()
要好得多。它正確地確定了字符串變量null
和undefined
不是數(shù)字。但是,對于NaN
和Infinity
,它返回true
。
盡管從技術上來說這是正確的結果,但NaN
和Infinity
是特殊的數(shù)字值,對于大多數(shù)使用情況,我們寧愿忽略它們。
總結
在本文中,我們學習了如何檢查JavaScript中的變量是否為數(shù)字。 Number.isNaN()函數(shù)僅在我們知道變量為數(shù)字并且需要驗證它是否為
NaN`時才適用。
如果代碼中有NaN
,Infinity
或-Infinity
以及其他數(shù)字,則 typeof()`函數(shù)適用。
Number.isFinite()
方法捕獲所有有限數(shù),是最適合我們的要求。
代碼部署后可能存在的BUG沒法實時知道,事后為了解決這些BUG,花了大量的時間進行l(wèi)og 調試,這邊順便給大家推薦一個好用的BUG監(jiān)控工具 Fundebug。
相關免費學習推薦:javascript(視頻)