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

当前回答

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

其他回答

@Joel的答案很接近，但在以下情况下会失败：

// Whitespace strings:
IsNumeric(' ')    == true;
IsNumeric('\t\t') == true;
IsNumeric('\n\r') == true;

// Number literals:
IsNumeric(-1)  == false;
IsNumeric(0)   == false;
IsNumeric(1.1) == false;
IsNumeric(8e5) == false;

前段时间，我必须实现一个IsNumeric函数，以确定一个变量是否包含一个数值，无论其类型如何，它可能是一个包含数值的字符串（我还必须考虑指数表示法等），一个Number对象，实际上任何东西都可以传递给该函数，我无法做出任何类型假设，注意类型强制（例如，+true==1；但true不应被视为“数字”）。

我认为值得分享这组针对众多功能实现所做的+30个单元测试，并分享通过我所有测试的测试：

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

P.S.isNaN和isFinite由于强制转换为数字而具有令人困惑的行为。在ES6中，Number.isNaN和Number.isFinite可以解决这些问题。使用它们时请记住这一点。

更新：jQuery现在是如何做到的（2.2稳定）：

isNumeric: function(obj) {
    var realStringObj = obj && obj.toString();
    return !jQuery.isArray(obj) && (realStringObj - parseFloat(realStringObj) + 1) >= 0;
}

更新：角度4.3：

export function isNumeric(value: any): boolean {
    return !isNaN(value - parseFloat(value));
}

2009-12-02 05:36:22

通过利用语言的动态类型检查，一个简单而干净的解决方案：

function IsNumeric (string) {
   if(string === ' '.repeat(string.length)){
     return false
   }
   return string - 0 === string * 1
}

如果你不在乎空格，你可以删除“如果”

参见下面的测试用例

函数IsNumeric（字符串）{if（string==''.repeat（string.length））{return false}返回字符串-0===string*1}console.log（'-1'+'→ ' + IsNumeric（'-1'））console.log（'-1.5'+'→ ' + IsNumeric（'-1.5'））console.log（“0”+“→ ' + IsNumeric（“0”）console.log（“0.42”+“→ ' + IsNumeric（“0.42”）console.log（'.42'+'→ ' + IsNumeric（'.42'））console.log（'99999'+'→ ' + IsNumeric（“99999”）console.log（'0x89f'+'→ ' + IsNumeric（'0x89f'））console.log（'#abcdef'+'→ ' + IsNumeric（“#abcdef”）console.log（'1.2.3'+'→ ' + IsNumeric（'1.2.3'））console.log（“+”→ ' + IsNumeric（“”））console.log（'33'+'→ ' + IsNumeric（“33”）

2019-01-26 20:47:52

$('.rsval').bind('keypress', function(e){  
        var asciiCodeOfNumbers = [48,46, 49, 50, 51, 52, 53, 54, 54, 55, 56, 57];
        var keynum = (!window.event) ? e.which : e.keyCode; 
        var splitn = this.value.split("."); 
        var decimal = splitn.length;
        var precision = splitn[1]; 
        if(decimal == 2 && precision.length >= 2  ) { console.log(precision , 'e');   e.preventDefault(); } 
        if( keynum == 46 ){  
            if(decimal > 2) { e.preventDefault(); }  
        } 
        if ($.inArray(keynum, asciiCodeOfNumbers) == -1)
            e.preventDefault();    
  });

2017-02-03 07:11:21

啊！不要听正则表达式的答案。RegEx很讨厌这个，我说的不仅仅是性能。用正则表达式很容易发现细微的、不可能发现的错误。

如果您不能使用isNaN（），这应该会更好：

function IsNumeric(input)
{
    return (input - 0) == input && (''+input).trim().length > 0;
}

以下是它的工作原理：

（input-0）表达式强制JavaScript对输入值执行类型强制；它必须首先被解释为减法运算的数字。如果转换为数字失败，表达式将生成NaN。然后将此数字结果与传入的原始值进行比较。由于左侧现在是数字，因此再次使用类型强制。既然来自双方的输入被强制为来自相同原始值的相同类型，那么您会认为它们应该总是相同的（总是正确的）。然而，有一条特殊规则规定NaN永远不等于NaN，因此不能转换为数字的值（只有不能转换为数值的值）将导致错误。

长度检查用于涉及空字符串的特殊情况。还要注意，这取决于0x89f测试，但这是因为在许多环境中，这是定义数字文字的好方法。如果您想捕捉特定场景，可以添加额外的检查。更好的是，如果这是您不使用isNaN（）的原因，那么只需将您自己的函数包装在isNaN）周围，这也可以进行额外的检查。

总之，如果您想知道某个值是否可以转换为数字，请尝试将其转换为数字。

我回去研究了为什么空白字符串没有预期的输出，我想我现在明白了：空字符串被强制为0而不是NaN。只需在长度检查之前修剪字符串即可处理这种情况。

针对新代码运行单元测试，它只会在无穷大和布尔文本上失败，唯一可能出现问题的是，如果你正在生成代码（真的，谁会键入文本并检查它是否为数字？你应该知道），那将是一些奇怪的代码。

但是，再次强调，使用此选项的唯一原因是，如果出于某种原因，您必须避免使用isNaN（）。

2008-10-06 16:04:45

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

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

推荐文章

最新文章

标签