Question

在尝试验证JS中的数字字符串时遇到一些麻烦。 isNaN特别是行为不端。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>No Quirks!</title>
</head>
     <body>
        <h1>JavaScript Test</h1>

        <button onclick="myNanIsTrue()">Is it a number?</button>

        <p id="writeToHTML"></p>

        <script type="text/javascript">
        function myNanIsTrue() {
             var g = parseInt("40000000") + "<br />";
             var n = g;
             if (isNaN(g)){
                  g="moo!";
             }
             n += g + "<br />";
             document.getElementById("writeToHTML").innerHTML = n;
        }
        </script>
     </body>
</html>

尝试了几种这样的排列，但它似乎没有起作用。任何人都可以看到为什么这不起作用？

Answer 1

你写过：

var g = parseInt("40000000") + "<br />";

因此g是一个字符串：'40000000<br />'。

parseInt("40000000")返回一个整数，但随后会向其追加一个字符串。 Javascript隐式地将数字转换为字符串，然后将它们连接起来。

字符串不是数字，因此isNaN（正确）返回true。

Answer 2

isNaN表示不是数字。这意味着它是一个检查您的变量是否不是数字的函数。在您的情况下，您将<br>连接到您的整数，这会将您的整数转换为String。

/**
 * Created by jjansen on 10-Mar-15 4:38 PM.
 * stackoverflow
 */
var noNumber = parseInt("40000") + "<br>"; //this is now a String
var test = isNaN( noNumber ); //returns true
console.log("noNumber isNaN: " + test);
var number = parseInt("40000"); //this is a integer
test = isNaN( number );
console.log("number isNaN: " + test);

<小时/> 按f12并在控制台中复制此代码。您现在可以看到差异

Answer 3

因为g是一个字符串（你要连接一个字符串，所以它将被转换为一个字符串）。

Answer 4

在您的代码中，由于您构建它的方式，g的值始终是一个字符串。

每当您添加String和Number时，您将通过连接这两个值来获得新的String。

因此，在您的代码中，isNaN(g)将始终返回true。

为什么NaN总是回归真实

4 个答案: