JavaScript中判斷變數是否為數字的3種方法（附程式碼）

推薦教學：《JavaScript影片教學》

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

原文網址：https://stackabuse.com/javascript-check-if-variable-is-a-number/

作者： Marcus Sanatan

#更多程式相關知識，請造訪：程式設計入門！ ！

以上是JavaScript中判斷變數是否為數字的3種方法（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！