JavaScript 中如何判斷變量是否爲數字

做者： Marcus Sanatan
譯者：前端小智
來源：stackabuse

104程序狂歡節，前端開發工程師必讀書籍有哪些值得推薦？

點贊再看，微信搜索 【大遷世界】 關注這個沒有大廠背景，但有着一股向上積極心態人。本文 GitHub https://github.com/qq44924588... 上已經收錄，文章的已分類，也整理了不少個人文檔，和教程資料。

你們都說簡歷沒項目寫，我就幫你們找了一個項目，還附贈【搭建教程】。

簡介

JavaScript 是一種動態類型語言，這意味着解釋器在運行時肯定變量的類型。實際上，這也容許咱們在相同的代碼中使用相同的變量來存儲不一樣類型的數據。若是沒有文檔和一致性，咱們在使用代碼時並不老是知道變量的類型。

當咱們指望一個變量是數字時，對字符串或數組進行操做可能會在代碼中致使奇怪的結果。在本文中，咱們將會介紹一些判斷變量是否爲數字的函數。

像"10"之類的數字的字符串不該被接受。 在JavaScript中，諸如NaN，Infinity和-Infinity之類的特殊值也是數字類型的。

根據這些要求，最好使用的函數是內置Number對象中的isFinite()函數。可是，開發人員一般會使用其餘函數，如Number.isNaN()和typeof()函數。

咱們先建立一些變量：

let intVar = 2;
let floatVar = 10.5;
let stringVar = '4';
let nanVar = NaN;
let infinityVar = Infinity;
let nullVar = null;
let undefinedVar = undefined;

使用 Number.isFinite() 函數名

Number.isFinite()函數檢查變量是否爲數字，還檢查其是否爲有限值。 所以，對於NaN，Infinity或-Infinity的數字，它返回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

這正是咱們想要的。特殊的非有限數以及非數字類型的任何變量都會被忽略。因此，若是你想檢查一個變量是不是一個數字，最好的方法是使用Number.isFinite()函數。

使用 Number.isNaN() 方法

標準Number對象有一個isNaN()方法。它接受一個參數，並肯定其值是否爲NaN。由於咱們想檢查一個變量是不是一個數字，因此咱們將在檢查中使用非操做符!。

> !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

這個方法是至關寬鬆的，由於它接受根本不是數字的值。這種方法最適合於當你知道你有一個數字而且要檢查它是不是一個NaN值時，而不是通常的數字檢查。

使用 typeof() 方法

typeof()函數是一個全局函數，它接受變量或值做爲參數，並返回其類型的字符串表示。JavaScript 總共有9種類型

• undefined
• boolean
• number
• string
• bigint
• symbol
• object
• null (typeof() 顯示的是 object)
• function (一種特殊類型的 object)

爲了驗證變量是否爲數字，咱們只須要檢查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()函數的性能比Number.isNaN()要好得多。它正確地肯定了字符串變量null和undefined不是數字。可是，對於NaN和Infinity，它返回true。

儘管從技術上來講這是正確的結果，但NaN和Infinity是特殊的數字值，對於大多數使用狀況，咱們寧願忽略它們。

總結

在本文中，咱們學習瞭如何檢查JavaScript中的變量是否爲數字。 Number.isNaN()函數僅在咱們知道變量爲數字而且須要驗證它是否爲NaN`時才適用。

若是代碼中有NaN，Infinity或-Infinity以及其餘數字，則 typeof()`函數適用。

Number.isFinite()方法捕獲全部有限數，是最適合咱們的要求。

---

代碼部署後可能存在的BUG無法實時知道，過後爲了解決這些BUG，花了大量的時間進行log 調試，這邊順便給你們推薦一個好用的BUG監控工具 Fundebug。

原文：https://stackabuse.com/javasc...

交流

文章每週持續更新，能夠微信搜索「 大遷世界 」第一時間閱讀和催更（比博客早一到兩篇喲），本文 GitHub https://github.com/qq449245884/xiaozhi 已經收錄，整理了不少個人文檔，歡迎Star和完善，你們面試能夠參照考點複習，另外關注公衆號，後臺回覆福利，便可看到福利，你懂的。