方式一、使用取余运算符判断

思路: 利用任何整数都会被1整除,即余数是0的特定,通过这个规则来判断是否是整数。

function isInteger(obj) {
 return obj%1 === 0
}
isInteger(5) // true
isInteger(5.72) // false 

以上输出可以看出这个函数挺好用,但对于【字符串和某些特殊值】则需要完善一下检验规则,否则会被 “欺骗”,对于空字符串、字符串类型数字、布尔true、空数组都返回了true,因为再取余的时候,他们都会进行类型装换,如下像空字符串,空数组都是转化成0,而true就会转成1

isInteger('') // true
isInteger('5') // true
isInteger(true) // true
isInteger([]) // true

所以比较前我们判断一下类型即可,如下优化:

function isInteger(obj) {
 return typeof obj === 'number' && obj%1 === 0
}
isInteger('') // false
isInteger('5') // false
isInteger(true) // false
isInteger([]) // false
方式二、使用Math.round、Math.ceil、Math.floor判断

思路: 整数取整后还是等于自己。利用这个特性来判断是否是整数,Math.floor 示例,如下:

unction isInteger(obj) {
 return Math.floor(obj) === obj
}
isInteger(5) // true
isInteger(5.72) // false
isInteger('') // false
isInteger('5') // false
isInteger(true) // false
isInteger([]) // false

Math.floor 方法中会自动将参数转成数字进行向下取值,同理使用 Math.ceil 向上取整,Math.round 四舍五入

方式三、通过parseInt()判断

思路: 利用parseInt()十进制的转化特点

function isInteger(obj) {
 return parseInt(obj, 10) === obj
}
isInteger(5) // true
isInteger(5.72) // false
isInteger('') // false
isInteger('5.72') // false
isInteger(true) // false
isInteger([]) // false

但是对于超过检测范围的数就会不在检测,统一返回该检测数字的首个数字

parseInt(1000000000000000000000) // 1  false
parseInt(412300213123400000000.21312) // 4  false
方式四、通过位运算 “|” 判断

思路: 按位或运算符 | 是双目运算符。 其功能是将参与运算的两数转成32位二进制后, 各对应的二进位相或。只要对应的二个二进位有一个为1时,结果位就为1。因此利用该特性,任一数字和0位或都是返回它本身,同理非数字都是进行类型转化后再进行位或

function isInteger(obj) {
 return (obj | 0) === obj
}
isInteger(5) // true
isInteger(5.72) // false
isInteger('') // false
isInteger('5') // false
isInteger(true) // false
isInteger([]) // false

关于位或运算,效率是比 Math.floor , parseInt高的,如需了解位运算符的实用方法可以看 → Javascript中的 位运算符 + 使用场景 + 性能对比 + 封装

方式五、ES6提供了Number.isInteger

思路: 这是Number中的一个API方法,用来判断给定参数是否为整数,具体可参考 → Number.isInteger

Number.isInteger(5) // true
Number.isInteger(5.72) // false
Number.isInteger('') // false
Number.isInteger('5') // false
Number.isInteger(true) // false
Number.isInteger([]) // false

浏览器兼容上大多数已经实现支持,目前IE并不支持
在这里插入图片描述

结语

以上就是判断是否为整数类型的五种方式,这五种方式各有优缺点,大家可以进行仔细比较,选择最优的进行使用。

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐