验证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

当前回答

我想补充以下内容：

1. IsNumeric('0x89f') => true
2. IsNumeric('075') => true

正十六进制数以0x开头，负十六进制数则以-0x开头。正八进制数从0开始，负八进制数以-0开始。这一条考虑了已经提到的大部分内容，但包括十六进制和八进制数、负科学数、无穷大数，并删除了十进制科学数（4e3.2无效）。

function IsNumeric(input){
  var RE = /^-?(0|INF|(0[1-7][0-7]*)|(0x[0-9a-fA-F]+)|((0|[1-9][0-9]*|(?=[\.,]))([\.,][0-9]+)?([eE]-?\d+)?))$/;
  return (RE.test(input));
}

2008-08-20 15:40:28

其他回答

function isNumeric(n) {
    var isNumber = true;

    $.each(n.replace(/ /g,'').toString(), function(i, v){
        if(v!=',' && v!='.' && v!='-'){
            if(isNaN(v)){
               isNumber = false;
               return false;
            }
         }
     });

    return isNumber;
}

isNumeric(-3,4567.89);   // true <br>

isNumeric(3,4567.89);   // true <br>

isNumeric("-3,4567.89");   // true <br>

isNumeric(3d,4567.89);   // false

2016-05-19 18:51:27

对我来说，这是最好的方式：

isNumber : function(v){
   return typeof v === 'number' && isFinite(v);
}

2010-05-28 11:30:26

function isNumber(n) {
    return (n===n+''||n===n-0) && n*0==0 && /\S/.test(n);
}

解释：

（n===n-0||n===n+''）验证n是数字还是字符串（丢弃数组、布尔值、日期、空值…）。您可以用n替换（n===n-0|| n===n+''）==未定义&&n==null&&（n.constructor==数字||n.constructor==字符串）：明显更快，但不那么简洁。

n*0==0验证n是否是有限数，正如isFinite（n）所做的那样。如果您需要检查表示负十六进制的字符串，只需将n*0==0替换为类似于n.toString（）.replace（/^\s*-/，''）*0==0。当然，它需要一点钱，所以如果你不需要它，就不要使用它。

/\S/.test（n）丢弃空字符串或只包含空格的字符串（这是必要的，因为在这种情况下isFinite（n）或n*0==0返回假阳性）。您可以使用（n！=0||/0/.test（n））而不是\\S/.test（n）来减少对.test（n）的调用次数，也可以使用稍快但不太简洁的测试，例如（n！=0 | |（n+''）.indexOf（'0'）>=0）：微小的改进。

2014-12-14 17:13:13

被接受的答案没有通过你的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

knockoutJs内置库验证函数

通过扩展它，该字段得到验证

1）编号

self.number=ko.obsobservable（numberValue）.exextend（{number:true}）；

测试用例

numberValue = '0.0'    --> true
numberValue = '0'      --> true
numberValue = '25'     --> true
numberValue = '-1'     --> true
numberValue = '-3.5'   --> true
numberValue = '11.112' --> true
numberValue = '0x89f'  --> false
numberValue = ''       --> false
numberValue = 'sfsd'   --> false
numberValue = 'dg##$'  --> false

2）数字

self.number=ko.obsobservable（numberValue）.exextend（{digit:true}）；

测试用例

numberValue = '0'      --> true
numberValue = '25'     --> true
numberValue = '0.0'    --> false
numberValue = '-1'     --> false
numberValue = '-3.5'   --> false
numberValue = '11.112' --> false
numberValue = '0x89f'  --> false
numberValue = ''       --> false
numberValue = 'sfsd'   --> false
numberValue = 'dg##$'  --> false

3）最小值和最大值

self.number=可观察（numberValue）.扩展（｛min:5｝）.扩展；

此字段仅接受介于5和10之间的值

测试用例

numberValue = '5'    --> true
numberValue = '6'    --> true
numberValue = '6.5'  --> true
numberValue = '9'    --> true
numberValue = '11'   --> false
numberValue = '0'    --> false
numberValue = ''    --> false

2013-02-27 03:38:47

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

推荐文章

最新文章

标签