前端開發工程師必讀書籍有哪些值得推薦？

文本已經過 David Atanda 授權翻譯。

簡介

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()方法捕獲所有有限數，是最適合我們的要求。