我遇到了一个问题,我需要确定用户输入的字段是整数还是 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;
}
最佳答案
测试整数值
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
}
关于判断一个值是否为整数的Javascript函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30478350/