判断一个值是否为整数的Javascript函数

Question

我遇到了一个问题，我需要确定用户输入的字段是整数还是 float 。然后，答案将预选一个沿着表单进一步下拉的选项。经过大量挖掘，我发现了很多框架代码，但没有一个真正正确地完成了工作。我使用的测试数据是；

空白答案，非数字(Alpha)，1.0,10,1.10,2.4,3.0,0.30,0.00

许多其他帖子也使用上述数据进行了测试，但我找不到正确通过所有数据的帖子。

所以我写了以下内容，以便您自己审阅，希望它能帮助遇到相同情况的其他人。

    function isInteger(value) 
        {
        //if(isNaN(value))return Nan;//optional check
        //test for decimal point
        if(!( /^-?\d+$/.test(String(value))))
            {
            //decimal point found
            //if parseInt changes value it must be a float
            if(parseInt(value) / 1 != value)return false; 
            }
        //no decimal point so must be integer
        return true;
        }

Answer 1

测试整数值

ECMAScript 6 标准引入了一个 Number.isInteger() .

这个功能还没有被所有主流浏览器支持，但是网站上列出了一个 polyfill:

Number.isInteger = Number.isInteger || function isInteger (value) {
  return typeof value === 'number' && 
    isFinite(value) && 
    Math.floor(value) === value
}

如果是用户输入(字符串，不是整数)，我们可以使用Number 函数将类型转换为数字:

var input = '123' // Imagine this came from user

if (Number.isInteger(Number(input)) {
  // User entered a valid integer value
}

但是请注意，即使对于十六进制或八进制字符串，类型转换也会返回一个有效的类似整数的值。如果不需要，您将需要进一步验证原始字符串。有关类型转换如何工作的详细信息，请参阅 MDN .

如果需要这样严格的验证，MDN 还提供了一个 good implementation使用正则表达式(查看示例输出的链接):

function filterInt (value) {
  if(/^(\-|\+)?([0-9]+|Infinity)$/.test(value))
    return Number(value)

  return NaN
}

float 测试

isFinite()结合Number.isInteger()可以帮助实现我们的目标。

如果是用户输入(字符串，不是 float )，我们必须使用 Number 函数将类型转换为数字:

var input = '123.5'
// Perform type conversion to a number
input = Number(input)

if (Number.isFinite(input) && ! Number.isInteger(input)) {
  // A finite number that is not an integer can only be a float
}

或者，可以使用更严格的 parseFloat() 实现变体，如 MDN 中所列(查看示例输出的链接):

function filterFloat (value) {
  if(/^(\-|\+)?([0-9]+(\.[0-9]+)?|Infinity)$/
    .test(value))
    return Number(value)
  return NaN
}