协慌网

登录 贡献 社区

在 JavaScript 中验证十进制数 - IsNumeric()

在 JavaScript 中验证十进制数的最简洁,最有效的方法是什么?

奖励积分:

  1. 明晰。解决方案应该干净简单。
  2. 跨平台。

测试用例:

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

答案

@ 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函数,以确定变量是否包含数值, 无论其类型如何 ,它都可以是包含数值的String (我还必须考虑指数表示法等), Number对象,几乎任何东西都可以传递给那个函数,我不能做任何类型的假设,照顾类型强制(例如。 +true == 1;但是true不应该被认为是"numeric" )。

我认为值得分享这套针对众多功能实现的+30 单元测试 ,并且还共享通过我所有测试的那个:

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

由于强制转换为数字, PS isNaNisFinite具有令人困惑的行为。在 ES6 中, Number.isNaNNumber.isFinite将解决这些问题。使用它们时请记住这一点。


更新这是 jQuery 现在如何做到的(2.2 稳定)

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

更新Angular 4.3

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

Arrrgh!不要听正则表达式的答案。 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()。

这种方式似乎运作良好:

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

并测试它:

// alert(TestIsNumeric());

function TestIsNumeric(){
    var results = ''
    results += (IsNumeric('-1')?"Pass":"Fail") + ": IsNumeric('-1') => true\n";
    results += (IsNumeric('-1.5')?"Pass":"Fail") + ": IsNumeric('-1.5') => true\n";
    results += (IsNumeric('0')?"Pass":"Fail") + ": IsNumeric('0') => true\n";
    results += (IsNumeric('0.42')?"Pass":"Fail") + ": IsNumeric('0.42') => true\n";
    results += (IsNumeric('.42')?"Pass":"Fail") + ": IsNumeric('.42') => true\n";
    results += (!IsNumeric('99,999')?"Pass":"Fail") + ": IsNumeric('99,999') => false\n";
    results += (!IsNumeric('0x89f')?"Pass":"Fail") + ": IsNumeric('0x89f') => false\n";
    results += (!IsNumeric('#abcdef')?"Pass":"Fail") + ": IsNumeric('#abcdef') => false\n";
    results += (!IsNumeric('1.2.3')?"Pass":"Fail") + ": IsNumeric('1.2.3') => false\n";
    results += (!IsNumeric('')?"Pass":"Fail") + ": IsNumeric('') => false\n";
    results += (!IsNumeric('blah')?"Pass":"Fail") + ": IsNumeric('blah') => false\n";

    return results;
}

我从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