JavaScript判断整数的5种方法及局限性分析

JavaScript判断整数的5种方法及局限性分析

此前曾介绍过JavaScript中判断数值类型的方法，本文将聚焦于如何准确判断一个值是否为整数。

在JavaScript中，整数与浮点数并未做严格区分，所有数字均统一采用64位浮点格式存储，这与Java中的double类型一致。然而，在实际应用场景中，如数组索引操作或位运算，系统往往基于32位整数进行处理。

方法一：利用取余运算符进行判断

方法一：利用取余运算符进行判断

核心逻辑在于：任何整数除以1的余数均为0。我们可以利用这一数学特性来筛选整数。

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

从上述输出结果来看，该函数在处理纯数字时表现良好，但对于字符串及其他特殊数据类型，其处理能力显得不足。

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

结果显示，空字符串、数字字符串、布尔值true以及空数组均被错误地判定为整数，这显然不符合预期。若对这类类型转换的内部机制感兴趣，可参考关于JavaScript中假值的文章。

为解决此问题，需在判断前先确认对象是否为数字类型，例如引入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函数判断

方法二：利用Math.round、Math.ceil、Math.floor函数判断

整数的取整结果应等于其本身。基于此特性，我们可以使用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函数判断

方法三：通过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

结果返回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位以内的数字，超出此范围的数值将无法正确识别，例如：

isInteger(Math.pow(2, 32)) // 32位以上的数字返回false了

尽管存在此限制，但在大多数常规开发场景中，我们很少遇到如此巨大的数值。

方法五：ES6提供的Number.isInteger方法

方法五：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

目前，最新的Firefox和Chrome浏览器已原生支持该特性。