整數(shù)類型（Integer）在JavaScript經(jīng)常會(huì)導(dǎo)致一些奇怪的問題。在ECMAScript的規(guī)范中，他們只存在于概念中：

所有的數(shù)字都是浮點(diǎn)數(shù)，并且整數(shù)只是沒有一組沒有小數(shù)的數(shù)字。

在這篇博客中，我會(huì)解釋如何去檢查某個(gè)值是否為整型。
ECMAScript 5

在ES5中有很多方法你可以使用。有時(shí)侯，你可能想用自己的方法：一個(gè)isInteger(x)的函數(shù)，如果是整型返回true，否則返回false.

讓我們看看一些例子。

通過余數(shù)檢查

你可以使用余數(shù)運(yùn)算（%），將一個(gè)數(shù)字按1求余，看看余數(shù)是不是0。

function isInteger(x) {
  return x % 1 === 0;
}

我喜歡這個(gè)方法，因?yàn)樗浅：?jiǎn)單，而且有效。

> isInteger(17)
true
> isInteger(17.13)
false

在操作余數(shù)運(yùn)算時(shí)你得小心一點(diǎn)，因?yàn)榻Y(jié)果取決于第一個(gè)數(shù)的符號(hào)，如果是正的，結(jié)果就是正的；否則就是負(fù)的。

> 3.5 % 1
0.5
> -3.5 % 1
-0.5

然后，我們也可以檢查0，這其實(shí)不是一個(gè)問題。但問題是：這個(gè)方法對(duì)非數(shù)字也會(huì)返回true，因?yàn)?% 會(huì)將它轉(zhuǎn)換成數(shù)字：

> isInteger('')
true
> isInteger('33')
true
> isInteger(false)
true
> isInteger(true)
true

可以通過很簡(jiǎn)單的類型檢查來解決：

function isInteger(x) {
  return (typeof x === 'number') && (x % 1 === 0);
}

通過Math.round() 如果一個(gè)數(shù)字取整以后還跟之前的值一樣，那么它就是整數(shù)。在JavaScript中可以通過Math.round()來檢查：

function isInteger(x) {
  return Math.round(x) === x;
}

這個(gè)方法也不錯(cuò)

> isInteger(17)
true
> isInteger(17.13)
false

它也可以判斷非數(shù)字，因?yàn)镸ath.round()總是返回?cái)?shù)字，并且===只有當(dāng)類型一樣時(shí)才返回true.

> isInteger('')
false

如果你想讓代碼更清晰一點(diǎn)，你可以添加類型檢查（就是我們?cè)谥鞍姹咀龅模?。另外，Math.floor()和Math.ceil()可以像Math.round()一樣工作。 通過位操作檢查 位操作符提供另外一種“取整”的方法：

function isInteger(x) {
  return (x | 0) === x;
}

這個(gè)解決方案（跟其它位運(yùn)算一樣）有一個(gè)缺陷：它無法處理超過32位的數(shù)字。

> isInteger(Math.pow(2, 32))
false

通過parseInt()檢查 parseInt()也提供了跟Math.round()類似將數(shù)字轉(zhuǎn)換成整型的方法。 讓我們看看這個(gè)方法為什么不錯(cuò)。

function isInteger(x) {
  return parseInt(x, 10) === x;
}

像Math.round()解決方案一樣，它也可以處理非數(shù)字的情況，但是它也不能正確地處理所有的整型數(shù)字：

> isInteger(1000000000000000000000)
false

為什么？parseInt()在解析整數(shù)之前強(qiáng)迫將第一個(gè)參數(shù)解析成字符串。因此使用這種方法將數(shù)字轉(zhuǎn)換成整型不是一個(gè)好的選擇。

> parseInt(1000000000000000000000, 10)
1
> String(1000000000000000000000)
'1e+21'

就像上面那樣，parseInt()在解析'1e+21'時(shí)在1處停止處理了，所以它才會(huì)返回1. ECMAScript 6 對(duì)于Math.round()扔補(bǔ)充，ES6提供了另外一個(gè)將數(shù)字轉(zhuǎn)換成整型的方法：Math.trunc()。該函數(shù)會(huì)移除數(shù)字的小數(shù)部分。

> Math.trunc(4.1)
4
> Math.trunc(4.9)
4
> Math.trunc(-4.1)
-4
> Math.trunc(-4.9)
-4

此外，ECMAScript6不需要去處理檢查整數(shù)那些瑣碎的任務(wù)，因?yàn)樗鼛в幸粋€(gè)內(nèi)置函數(shù) Number.isInteger（）。

最新評(píng)論