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

当前回答

在这里，我从这个页面收集了“好的”，并将它们放入一个简单的测试模式中，供您自行评估。

对于新手来说，console.log是一个内置函数（在所有现代浏览器中都可用），它允许您将结果输出到JavaScript控制台（仔细查看，您会发现），而不必输出到HTML页面。

var isNumeric = function(val){
    // --------------------------
    // Recommended
    // --------------------------

    // jQuery - works rather well
    // See CMS's unit test also: http://dl.getdropbox.com/u/35146/js/tests/isNumber.html
    return !isNaN(parseFloat(val)) && isFinite(val);

    // Aquatic - good and fast, fails the "0x89f" test, but that test is questionable.
    //return parseFloat(val)==val;

    // --------------------------
    // Other quirky options
    // --------------------------
    // Fails on "", null, newline, tab negative.
    //return !isNaN(val);

    // user532188 - fails on "0x89f"
    //var n2 = val;
    //val = parseFloat(val);
    //return (val!='NaN' && n2==val);

    // Rafael - fails on negative + decimal numbers, may be good for isInt()?
    // return ( val % 1 == 0 ) ? true : false;

    // pottedmeat - good, but fails on stringy numbers, which may be a good thing for some folks?
    //return /^-?(0|[1-9]\d*|(?=\.))(\.\d+)?$/.test(val);

    // Haren - passes all
    // borrowed from http://www.codetoad.com/javascript/isnumeric.asp
    //var RE = /^-{0,1}\d*\.{0,1}\d+$/;
    //return RE.test(val);

    // YUI - good for strict adherance to number type. Doesn't let stringy numbers through.
    //return typeof val === 'number' && isFinite(val);

    // user189277 - fails on "" and "\n"
    //return ( val >=0 || val < 0);
}

var tests = [0, 1, "0", 0x0, 0x000, "0000", "0x89f", 8e5, 0x23, -0, 0.0, "1.0", 1.0, -1.5, 0.42, '075', "01", '-01', "0.", ".0", "a", "a2", true, false, "#000", '1.2.3', '#abcdef', '', "", "\n", "\t", '-', null, undefined];

for (var i=0; i<tests.length; i++){
    console.log( "test " + i + ":    " + tests[i] + "    \t   " + isNumeric(tests[i]) );
}

2012-11-29 04:17:13

其他回答

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

我在用我做的这个。。。

到目前为止，它一直在发挥作用：

function checkNumber(value) {
    if ( value % 1 == 0 )
        return true;
    else
        return false;
}

如果你发现它有任何问题，请告诉我。

就像任何数字都应该被一整除而不剩下任何东西一样，我想我可以使用这个模块，如果你尝试将一个字符串分割成一个数字，结果不会是这样。所以

2012-03-19 19:00:18

这种方式似乎很有效：

function IsNumeric(input){
    var RE = /^-{0,1}\d*\.{0,1}\d+$/;
    return (RE.test(input));
}

在一行中：

const IsNumeric = (num) => /^-{0,1}\d*\.{0,1}\d+$/.test(num);

要测试它：

常量IsNumeric=（num）=>/^-{0,1}\d*\。｛0,1｝\d+$/.test（num）；函数TestIsNumeric（）{var结果=“”results+=（IsNumeric（'-1'）？“通过”：“失败”）+“：IsNumeric（'-1'）=>true\n”；结果+=（IsNumeric（'-1.5'）？“通过”：“失败”）+“：IsNumeric（'-1.5'）=>true\n”；结果+=（IsNumeric（“0”）？“通过”：“失败”）+“：IsNumeric（'0'）=>true\n”；结果+=（IsNumeric（“0.42”）？“通过”：“失败”）+“：IsNumeric（'0.42'）=>true\n”；results+=（IsNumeric（'.42'）？“通过”：“失败”）+“：IsNumeric（'.42'）=>true\n”；results+=（！IsNumeric（'99999'）？“通过”：“失败”）+“：IsNumeric（‘99999’）=>false \n”；results+=（！IsNumeric（'0x89f'）？“通过”：“失败”）+“：IsNumeric（'0x89f'）=>false \n”；results+=（！IsNumeric（'#abcdef'）？“通过”：“失败”）+“：IsNumeric（'#abcdef'）=>false \n”；results+=（！IsNumeric（'1.2.3'）？“通过”：“失败”）+“：IsNumeric（'1.2.3'）=>false \n”；results+=（！IsNumeric（“”）？“通过”：“失败”）+“：IsNumeric（“”）=>false \n”；results+=（！IsNumeric（'barh'）？“通过”：“失败”）+“：IsNumeric（'barh'）=>false \n”；返回结果；}console.log（TestIsNumeric（））；.作为控制台包装｛最大高度：100%！重要；顶部：0；｝

我从那里借来的正则表达式http://www.codetoad.com/javascript/isnumeric.asp.说明：

/^ match beginning of string
-{0,1} optional negative sign
\d* optional digits
\.{0,1} optional decimal point
\d+ at least one digit
$/ match end of string

2008-08-20 14:22:56

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

这里有一个稍微改进的版本（可能是最快的版本），我用它代替了jQuery的变体，我真的不知道他们为什么不使用这个：

function isNumeric(val) {
    return !isNaN(+val) && isFinite(val);
}

jQuery版本的缺点是，如果您传递一个带前导数字和尾随字母（如“123abc”）的字符串，parseFloat|parseInt将提取数字分数并返回123，但第二个保护isFinite无论如何都会失败。使用一元+运算符，它将在第一个守卫中死亡，因为+为此类混合体抛出NaN：）虽然有点表现，但我认为语义上有了坚实的收获。

2013-05-20 16:48:18

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

推荐文章

最新文章

标签