验证JavaScript中的十进制数字-IsNumeric（）

在JavaScript中验证十进制数字最干净、最有效的方法是什么？

奖励积分：

清晰解决方案应干净简单。跨平台。

测试用例：

01. IsNumeric('-1')      => true
02. IsNumeric('-1.5')    => true
03. IsNumeric('0')       => true
04. IsNumeric('0.42')    => true
05. IsNumeric('.42')     => true
06. IsNumeric('99,999')  => false
07. IsNumeric('0x89f')   => false
08. IsNumeric('#abcdef') => false
09. IsNumeric('1.2.3')   => false
10. IsNumeric('')        => false
11. IsNumeric('blah')    => false

当前回答

如果您希望让数值函数的预测值隐式严格（例如，不解析字符串），那么这应该会奏效。

function isNumeric(n, parse) {
    var t = typeof(n);
    if (parse){
        if (t !== 'number' && t !=='string') return false;
        return !isNaN(parseFloat(n)) && isFinite(n);
    }else{
        if (t !== 'number') return false;
        return !isNaN(n) && isFinite(n) && !_.isString(n);
    }
}

function isInteger(n, parse) {    
    return isNumeric(n, parse) && n % 1 === 0;
}

function isFloat(n, parse) {
    return isNumeric(n, parse) && n % 1 !== 0;
}

如果您希望代码解析字符串，那么只需在parse参数中传递true即可。

这是对下划线contrib方法的修改，该方法隐式宽松，尝试解析字符串，甚至为isNumeric（[1]）返回true，这可能是人们真正的陷阱。我上面的方法也会更快，因为它只在parse=true时调用parseFloat（）。

2022-10-29 03:36:01

其他回答

最好的方法如下：

function isThisActuallyANumber(data){
    return ( typeof data === "number" && !isNaN(data) );
}

2016-05-23 06:50:20

被接受的答案没有通过你的7号考试，我想这是因为你改变了主意。所以这是对公认答案的回应，我对此有异议。

在一些项目中，我需要验证一些数据，并尽可能确定它是可以用于数学运算的javascript数值。

jQuery和其他一些javascript库已经包含了这样一个函数，通常称为isNumeric。在stackoverflow上也有一篇文章被广泛接受作为答案，这与前面提到的库所使用的一般例程相同。

function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

首先，如果参数是长度为1的数组，并且单个元素的类型被上述逻辑视为数字，则上述代码将返回true。在我看来，如果它是一个数组，那么它就不是数字。

为了缓解这个问题，我从逻辑中添加了一个对折扣数组的检查

function isNumber(n) {
  return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n);
}

当然，您也可以使用Array.isArray、jquery$.isArray或原型Object.isArra，而不是Object.protype.toString.call（n）！=='[object数组]'

我的第二个问题是，负十六进制整数文本字符串（“-0xA”->-10）没有被计算为数字。但是，正十六进制整数文本字符串（“0xA”->10）被视为数字。我需要两者都是有效的数字。

然后我修改了逻辑以将其考虑在内。

function isNumber(n) {
  return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(/^-/, ''));
}

如果您担心每次调用函数时都会创建正则表达式，那么可以在闭包中重写它，如下所示

var isNumber = (function () {
  var rx = /^-/;
   
  return function (n) {
      return Object.prototype.toString.call(n) !== '[object Array]' &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(rx, ''));
  };
}());

然后，我采用了CMS+30测试用例，并在jsfiddle上克隆了测试，并添加了额外的测试用例和上述解决方案。

它可能不会取代广泛接受/使用的答案，但如果这是您期望的isNumeric函数的结果，那么希望这会有所帮助。

编辑：正如Bergi所指出的，还有其他可能的对象可以被视为数字对象，最好将其列入白名单，而不是列入黑名单。考虑到这一点，我将增加标准。

我希望我的isNumeric函数只考虑数字或字符串

考虑到这一点，最好使用

function isNumber(n) {
  return (Object.prototype.toString.call(n) === '[object Number]' || Object.prototype.toString.call(n) === '[object String]') &&!isNaN(parseFloat(n)) && isFinite(n.toString().replace(/^-/, ''));
}

测试解决方案

2013-02-23 18:25:26

要添加的几个测试：

IsNumeric('01.05') => false
IsNumeric('1.') => false
IsNumeric('.') => false

我想到了这个：

function IsNumeric(input) {
    return /^-?(0|[1-9]\d*|(?=\.))(\.\d+)?$/.test(input);
}

解决方案包括：

开头的可选负号一个零，或者一个或多个不以0开头的数字，或者只要后面有一个周期，就不加任何数字后跟一个或多个数字的句点

2008-08-20 14:53:26

使用正则表达式，我们可以涵盖问题中提出的所有情况。这里是：

所有整数和小数均为Numeric：

const isNumeric = num => /^-?[0-9]+(?:\.[0-9]+)?$/.test(num+'');

仅整数为isInteger：

const isInteger = num => /^-?[0-9]+$/.test(num+'');

2022-02-13 01:38:10

我找到了简单的解决方案，可能不是最好的，但效果很好：）

所以，我接下来要做的是，将字符串解析为Int，并检查新变量的长度大小（现在是Int类型）是否和原始字符串变量的长度相同。从逻辑上讲，如果大小相同，则意味着字符串被完全解析为int，并且只有当字符串仅由数字“构成”时，这才是可能的。

var val=1+$(e).val()+'';
var n=parseInt(val)+'';
if(val.length == n.length )alert('Is int');

您可以很容易地将该代码放在函数中，如果int，则使用return true代替alert。记住，如果您在字符串中使用点或逗号，您将检查它是否仍然为false，因为您正在解析为int。

注意：在e.val上添加1+，因此不会删除起始零。

2013-07-09 23:10:44

验证JavaScript中的十进制数字-IsNumeric（）

推荐文章

最新文章

标签