JavaScript 中如何判斷變量是否為數(shù)字
文本已經(jīng)過 David Atanda 授權(quán)翻譯。
簡介
JavaScript 是一種動態(tài)類型語言，這意味著解釋器在運(yùn)行時(shí)確定變量的類型。實(shí)際上，這也允許我們在相同的代碼中使用相同的變量來存儲不同類型的數(shù)據(jù)。如果沒有文檔和一致性，我們在使用代碼時(shí)并不總是知道變量的類型。
當(dāng)我們期望一個(gè)變量是數(shù)字時(shí)，對字符串或數(shù)組進(jìn)行操作可能會在代碼中導(dǎo)致奇怪的結(jié)果。在本文中，我們將會介紹一些判斷變量是否為數(shù)字的函數(shù)。
像"10"之類的數(shù)字的字符串不應(yīng)被接受。在JavaScript中，諸如NaN，Infinity和-Infinity之類的特殊值也是數(shù)字類型的。
根據(jù)這些要求，最好使用的函數(shù)是內(nèi)置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。
我們用上面定義的變量來檢驗(yàn)一下:
- > 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ù)字類型的任何變量都會被忽略。所以，如果你想檢查一個(gè)變量是否是一個(gè)數(shù)字，最好的方法是使用Number.isFinite()函數(shù)。
使用 Number.isNaN() 方法
標(biāo)準(zhǔn)Number對象有一個(gè)isNaN()方法。它接受一個(gè)參數(shù)，并確定其值是否為NaN。因?yàn)槲覀兿霗z查一個(gè)變量是否是一個(gè)數(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
這個(gè)方法是相當(dāng)寬松的，因?yàn)樗邮芨静皇菙?shù)字的值。這種方法最適合于當(dāng)你知道你有一個(gè)數(shù)字并且要檢查它是否是一個(gè)NaN值時(shí)，而不是一般的數(shù)字檢查。
使用 typeof() 方法
typeof()函數(shù)是一個(gè)全局函數(shù)，它接受變量或值作為參數(shù)，并返回其類型的字符串表示。JavaScript 總共有9種類型
- undefined
- boolean
- number
- string
- bigint
- symbol
- object
- null (typeof() 顯示的是 object)
- function (一種特殊類型的 object)
為了驗(yàn)證變量是否為數(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。
盡管從技術(shù)上來說這是正確的結(jié)果，但NaN和Infinity是特殊的數(shù)字值，對于大多數(shù)使用情況，我們寧愿忽略它們。
總結(jié)
在本文中，我們學(xué)習(xí)了如何檢查JavaScript中的變量是否為數(shù)字。Number.isNaN()函數(shù)僅在我們知道變量為數(shù)字并且需要驗(yàn)證它是否為NaN`時(shí)才適用。
如果代碼中有NaN，Infinity或-Infinity以及其他數(shù)字，則 typeof()`函數(shù)適用。
Number.isFinite()方法捕獲所有有限數(shù)，是最適合我們的要求。
作者：Marcus Sanatan 譯者：前端小智 來源：stackabuse 原文：https://stackabuse.com/javascript-check-if-variable-is-a-number/
本文轉(zhuǎn)載自微信公眾號「大遷世界」，可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請聯(lián)系大遷世界公眾號。
