js五種判斷是否為整數方式

學習筆記

方式一、使用取余運算符判斷
任何整數都會被1整除，即余數是0。利用這個規則來判斷是否是整數。

function isInteger(obj) {
    return obj % 1 === 0
}
isInteger(3);//true
isInteger(3.3);//flase

以上輸出可以看出這個函數挺好用，但對於字符串和某些特殊值顯得力不從心

isInteger(''); //true
isInteger('3'); //true
isInteger(true); //true
isInteger([]); //true

對於空字符串、字符串類型數字、布爾true、空數組都返回了true，因此，需要先判斷下對象是否是數字，比如加一個typeof

function isInteger(obj) {
  return typeof obj === 'number' && obj % 1 === 0
}
isInteger(''); //false
isInteger('3'); //false
isInteger(true); //false
isInteger([]); //false

方式二、使用Math.round、Math.ceil、Math.floor判斷

function isInteger(obj) {
  return Math.floor(obj) === obj
}
isInteger(3);//true
isInteger(3.3);//false
isInteger(''); //false
isInteger('3'); //false
isInteger(true); //false
isInteger([]); //false

方式三、通過parseInt判斷

function isInteger(obj) {
  return parseInt(obj, 10) === obj
}
isInteger(3);//true
isInteger(3.3);//false
isInteger(''); //false
isInteger('3'); //false
isInteger(true); //false
isInteger([]); //false

很不錯，但也有一個缺點

isInteger(1000000000000000000000) // false

原因是parseInt在解析整數之前強迫將第一個參數解析成字符串。這種方法將數字轉換成整型不是一個好的選擇。

方式四、通過位運算判斷

function isInteger(obj) {
  return (obj | 0) === obj
}
isInteger(3);//true
isInteger(3.3);//false
isInteger(''); //false
isInteger('3'); //false
isInteger(true); //false
isInteger([]); //false
//這個函數很不錯，效率還很高。但有個缺陷，位運算只能處理32位以內的數字，對於超過32位的無能為力
// 32位以上的數字返回false了
isInteger(Math.pow(2, 32));//false

當然，多數時候我們不會用到那么大的數字。

方式五、ES6提供了Number.isInteger

Number.isInteger(3) // true
Number.isInteger(3.1) // false
Number.isInteger('') // false
Number.isInteger('3') // false
Number.isInteger(true) // false
Number.isInteger([]) // false

由於學習時間距離現在太久，忘記注明出處，若作者見此博客，可與我聯系，非常感謝！