JavaScript中isNaN()处理toString()转换的数值返回false的问题咨询

嘿，我来帮你捋清楚为啥会出现这个结果～

首先得搞明白isNaN()函数的核心逻辑：它不是直接判断输入是不是数字类型，而是先尝试把输入的值隐式转换成数字。如果转换后得到的是有效数字（比如字符串"1"能转成数字1），就返回false；只有当转换失败得到NaN时，才会返回true。

你的代码里，obj.atr是数字1，调用toString()后变成了字符串"1"。当你把"1"传给isNaN()时，它会自动把这个字符串转换成有效数字1，所以返回false——这就是和你预期不符的根本原因。

怎么实现你的需求？ #

得先明确你的真实目标，对应不同的解决方案：

1. 如果你想判断转换后的值不是数字类型（比如确认数字转成字符串后，类型不再是数字），直接用typeof判断类型：

alert(typeof obj.atr.toString() !== 'number'); // 输出true，因为当前是字符串类型

2. 如果你想判断某个字符串无法被转换成有效数字（比如针对obj.prof这种非数字字符串），推荐用更严谨的Number.isNaN()（避开原生isNaN()的隐式转换坑）：

const str = obj.prof; // 这里是'dtc'
alert(Number.isNaN(Number(str))); // 输出true，因为'dtc'转不成有效数字

3. 修改后的完整代码示例：

<html>
<head>
    <title>check</title>
    <script type='text/javascript'>
        function checkRun(){
            var obj = {
                atr : 1,
                prof : 'dtc'
            }
            // 示例1：判断转换后的类型是否为非数字
            alert("转换后是否非数字类型：" + (typeof obj.atr.toString() !== 'number'));
            
            // 示例2：判断字符串能否转成有效数字
            alert("'dtc'能否转成有效数字：" + !Number.isNaN(Number(obj.prof)));
            alert("'1'能否转成有效数字：" + !Number.isNaN(Number(obj.atr.toString())));
        }
    </script>
</head>
<body>
    <input type='text' name='checkName' id='check1' value='val1' class='class1'/><br><br>
    <button type='button' name='checkName' id='check3' value='val3' class='class3' onclick='checkRun()'>Hello</button>
</body>
</html>

关键总结 #

• isNaN()的坑在于隐式类型转换，它判断的是「值能否转成有效数字」，而非「值是不是数字类型」。
• 要判断值的类型用typeof，要判断字符串是否为有效数字用Number.isNaN(Number(str))，这比原生isNaN()更可靠。

内容的提问来源于stack exchange，提问作者Sami Kh