关于javascript：为什么isNaN(“”)(带空格的字符串)等于false？


Why does isNaN(“ ”) (string with spaces) equal false?

在JavaScript中，为什么isNaN(" ")评估为false，而isNaN(" x")评估为true？

我正在对文本输入字段执行数字运算，并且正在检查该字段是null，""还是NaN。 当有人在该字段中输入少量空格时，我的所有三个验证都失败了，我困惑为什么它不能通过isNaN检查。

相关讨论

JavaScript将一个空字符串解释为0，然后失败了isNAN测试。您可以先在字符串上使用parseInt，它将不会将空字符串转换为0。然后结果应为isNAN。

相关讨论

您可能会感到惊讶，也可能不会惊讶，但是这里有一些测试代码向您展示JavaScript引擎的古怪之处。

1
2
3
4
5
6
7
8
9
10
11
document.write(isNaN("")) // false
document.write(isNaN(""))  // false
document.write(isNaN(0))  // false
document.write(isNaN(null)) // false
document.write(isNaN(false))  // false
document.write("" == false)  // true
document.write("" == 0)  // true
document.write("" == 0)  // true
document.write("" == false)  // true
document.write(0 == false) // true
document.write("" =="") // false

所以这意味着

1
"" == 0 == false

和

1
"" == 0 == false

但

1
"" !=""

玩得开心 ：)

相关讨论

为了更好地理解它，请打开第43页" ToNumber应用于字符串类型"的Ecma-Script规范pdf。

如果字符串具有数字语法，可以包含任意数量的空格字符，则可以将其转换为Number类型。空字符串的求值为0。字符串" Infinity"也应为

1
isNaN('Infinity'); // false

尝试使用：

1
alert(isNaN(parseInt("  ")));

要么

1
alert(isNaN(parseFloat("   ")));
相关讨论

由于MDN原因导致的问题

When the argument to the isNaN function is not of type Number, the value is first coerced to a Number. The resulting value is then tested to determine whether it is NaN.

您可能需要检查以下全面的答案，其中涵盖了NaN比较是否相等。

How to test if a JavaScript variable is NaN

我认为这是因为Javascript的类型：' '转换为零，而'x'不是：

1
2
alert(' ' * 1); // 0
alert('x' * 1); // NaN
不完全正确的答案

Antonio Haley对此高度评价和接受的答案做出了错误的假设，认为此过程通过JavaScript的parseInt函数进行：

You can use parseInt on the string ... The result should then fail isNAN.

我们可以使用字符串"123abc"轻松反驳此语句：

1
2
parseInt("123abc")    // 123     (a number...
isNaN("123abc")       // true     ...which is not a number)

这样，我们可以看到JavaScript的parseInt函数以数字123的形式返回"123abc"，但是其isNaN函数告诉我们"123abc"不是数字。

正确答案

ECMAScript-262在第18.2.3节中定义isNaN检查的工作方式。

18.2.3 isNaN (Number)

The isNaN function is the %isNaN% intrinsic object. When the isNaN function is called with one argument number, the following steps are taken:

  • Let num be ? ToNumber(number).
  • If num is NaN, return true.
  • Otherwise, return false.

    • 它引用的ToNumber函数也在ECMAScript-262的7.1.3节中定义。在这里，我们了解了JavaScript如何处理传递给此函数的字符串。

    问题中给出的第一个示例是一个字符串，其中只包含空格字符。本节指出：

    A StringNumericLiteral that is empty or contains only white space is converted to +0.

    因此，" "示例字符串将转换为数字+0。

    同一部分还指出：

    If the grammar cannot interpret the String as an expansion of StringNumericLiteral, then the result of ToNumber is NaN.

    如果不引用该节中包含的所有检查，则问题中给出的" x"示例将落入上述条件，因为它不能解释为StringNumericLiteral。因此，" x"被转换为NaN。

    如果您想实现一个准确的isNumber函数，可以使用Javascript的一种方法：Douglas Crockford撰写的The Good Parts [第105页]

    1
    2
    3
    4
    var isNumber = function isNumber(value) {
       return typeof value === 'number' &&
       isFinite(value);
    }
    相关讨论

    函数isNaN("")执行从字符串到数字类型的强制转换

    ECMAScript 3-5为typeof运算符定义了以下返回值：

    • 未定义
    • 对象(空，对象，数组)
    • 布尔
    • 数
    • 串
    • 功能

    最好将我们的测试包装在一个函数体中：

    1
    2
    3
    4
    5
    6
    function isNumber (s) {
        return typeof s == 'number'? true
               : typeof s == 'string'? (s.trim() === ''? false : !isNaN(s))
               : (typeof s).match(/object|function/)? false
               : !isNaN(s)
    }

    此函数并非旨在测试变量类型，而是测试强制值。例如，布尔值和字符串被强制转换为数字，因此也许您可能想将此函数称为isNumberCoerced()

    如果不需要测试除字符串和数字以外的其他类型，则以下代码段可用作某些条件的一部分：

    1
    2
    if (!isNaN(s) && s.toString().trim()!='') // 's' can be boolean, number or string
        alert("s is a number")

    我不确定为什么，但是要解决该问题，您可以始终在检查之前修剪空白。无论如何，您可能想要这样做。

    相关讨论

    如果您确实想要正确检查它是否为整数，建议您使用以下函数：

    1
    2
    3
    4
    function isInteger(s)
    {
       return Math.ceil(s) == Math.floor(s);
    }

    isNaN("")为假是isNaN全局函数的令人困惑的行为的一部分，因为它会将非数字强制转换为数字类型。

    从MDN：

    Since the very earliest versions of the isNaN function specification, its behavior for non-numeric arguments has been confusing. When the argument to the isNaN function is not of type Number, the value is first coerced to a Number. The resulting value is then tested to determine whether it is NaN. Thus for non-numbers that when coerced to numeric type result in a valid non-NaN numeric value (notably the empty string and boolean primitives, which when coerced give numeric values zero or one), the"false" returned value may be unexpected; the empty string, for example, is surely"not a number."

    还请注意，对于ECMAScript 6，现在还有Number.isNaN方法，根据MDN：

    In comparison to the global isNaN() function, Number.isNaN() doesn't suffer the problem of forcefully converting the parameter to a number. This means it is now safe to pass values that would normally convert to NaN, but aren't actually the same value as NaN. This also means that only values of the type number, that are also NaN, return true.

    不幸：

    如博客文章中概述的那样，甚至ECMAScript 6 Number.isNaN方法也有其自身的问题-修复难看的JavaScript和ES6 NaN问题。

    isNaN函数期望使用Number作为其参数，因此在执行实际的函数逻辑之前，任何其他类型的参数(在您的情况下为字符串)都将转换为Number。 (请注意，NaN也是Number类型的值！)

    顺便说一句。这对于所有内置函数都是常见的-如果它们期望某个类型的参数，则将使用标准转换函数来转换实际参数。所有基本类型(布尔型，字符串，数字，对象，日期，空，未定义)之间都有标准转换。

    从String到Number的标准转换可以通过Number()显式调用。这样我们可以看到：

    • Number(" ")计算为0
    • Number(" x")计算为NaN

    鉴于此，isNaN函数的结果完全符合逻辑！

    真正的问题是为什么标准的字符串到数字的转换像它那样工作。字符串到数字的转换实际上是为了将数字字符串(例如" 123"或" 17.5e4")转换为等效数字。转换首先跳过初始空格(因此" 123"有效)，然后尝试将其余部分解析为数字。如果它不可解析为数字(不是" x")，则结果为NaN。但是有一个明确的特殊规则，即将空或仅空白的字符串转换为0。因此，可以解释该转换。

    参考：http：//www.ecma-international.org/ecma-262/5.1/#sec-9.3.1

    如其他解释所述，isNaN函数将在验证之前将空字符串强制为数字，从而将空字符串更改为0(这是有效数字)。
    但是，我发现parseInt函数在尝试解析空字符串或仅包含空格的字符串时将返回NaN。因此，以下组合似乎运作良好：

    if ( isNaN(string) || isNaN(parseInt(string)) ) console.log('Not a number!');

    此检查将适用于正数，负数和带小数点的数字，因此我认为它可以涵盖所有常见的数值情况。

    当检查带有空格或""的某些字符串值是否为isNaN时，可以尝试执行字符串验证，例如：

    // value ="123"
    if (value.match(/\s/) || isNaN(value)) {
    // do something
    }

    此功能似乎在我的测试中有效

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    function isNumber(s) {
        if (s ==="" || s === null) {
            return false;
        } else {
            var number = parseInt(s);
            if (number == 'NaN') {
                return false;
            } else {
                return true;
            }
        }
    }
    相关讨论

    我写了这个快速的小功能来帮助解决这个问题。

    1
    2
    3
    function isNumber(val) {
         return (val != undefined && val != null && val.toString().length > 0 && val.toString().match(/[^0-9\.\-]/g) == null);
    };

    它只是检查所有不是数字(0-9)，不是'-'或'。'，不是undefined，null或empty的字符，如果没有匹配项，则返回true。 :)

    JavaScript内置的isNaN函数-默认情况下应该是-"动态类型运算符"。
    因此(在DTC过程中)所有值都可能产生一个简单的true |。 false，例如""," "," 000"，不能为NaN。

    这意味着提供的参数将首先进行如下转换：

    1
    2
    3
    4
    function isNaNDemo(arg){
       var x = new Number(arg).valueOf();
       return x != x;
    }

    说明：

    在函数主体的顶行，我们(首先)试图将自变量成功转换为数字对象。 (第二)使用点运算符-为了我们自己的方便-我们立即剥离所创建对象的原始值。

    在第二行中，我们采用在上一步中获得的值，以及NaN不等于宇宙中任何事物，甚至不等于它本身的事实的优势，例如：NaN == NaN >> false最终将其进行比较(用于不等式) )本身。

    这样，仅当且仅当提供的参数返回尝试转换为数字对象(即非数字)的失败尝试时，函数返回才会产生true。例如NaN。

    isNaNstatic()

    但是，对于静态类型运算符-如果需要和需要，我们可以编写一个简单得多的函数，例如：

    1
    2
    3
    function isNaNstatic(x){  
       return x != x;
    }

    并完全避免使用DTC，以便如果该参数不是明确的NaN数字，则它将返回false。因此，请针对以下各项进行测试：

    isNaNStatic(" x"); // will return false，因为它仍然是字符串。

    然而：
    isNaNStatic(1/"x"); // will of course return true.，例如实例isNaNStatic(NaN); >> true。

    但是与isNaN相反，isNaNStatic("NaN"); >> false因为它(参数)是一个普通的字符串。

    P.S：
    isNaN的静态版本在现代编码方案中可能非常有用。这很可能是我花时间张贴此文章的主要原因之一。

    问候。

    isNAN()是用于判断给定参数是否为非法数字的函数。
    isNaN将参数转换为Number类型。如果要检查参数是否为数字？请在jQuery中使用$.isNumeric()函数。

    也就是说，isNaN(foo)等同于isNaN(Number(foo))
    出于显而易见的原因，它接受具有所有数字作为数字的任何字符串。对于前。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    isNaN(123) //false
    isNaN(-1.23) //false
    isNaN(5-2) //false
    isNaN(0) //false
    isNaN('123') //false
    isNaN('Hello') //true
    isNaN('2005/12/12') //true
    isNaN('') //false
    isNaN(true) //false
    isNaN(undefined) //true
    isNaN('NaN') //true
    isNaN(NaN) //true
    isNaN(0 / 0) //true

    我用这个

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
        function isNotANumeric(val) {
            if(val.trim && val.trim() =="") {
             return true;
          } else {
             return isNaN(parseFloat(val * 1));
          }
        }
       
        alert(isNotANumeric("100"));  // false
        alert(isNotANumeric("1a"));   // true
        alert(isNotANumeric(""));     // true
        alert(isNotANumeric("  "));  // true

    NaN！=="不是数字"

    NaN是数字类型的值

    这是ECMAScript中isNaN()的定义

    1
    2
    3
    4
    1. Let num be ToNumber(number).
    2. ReturnIfAbrupt(num).
    3. If num is NaN, return true.
    4. Otherwise, return false.

    尝试将任何值转换为Number。

    1
    2
    3
    Number("") // 0
    Number("x") // NaN
    Number(null) // 0

    如果要确定值是否为NaN，则应首先尝试将其转换为数字值。

    关于什么

    1
    2
    3
    4
    5
    function isNumberRegex(value) {        
        var pattern = /^[-+]?\d*\.?\d*$/i;
        var match = value.match(pattern);
        return value.length > 0 && match != null;
    }