本文对比了JavaScript中判断数字与小数点组合的两种常用方法。第一种利用isNaN函数，能准确识别非数字字符及纯小数点情况；第二种采用逐字符比较逻辑。通过代码示例分析发现，isNaN在处理纯小数点时会返回true（非数字），而逐字符方法若仅校验格式可能误判。文章提供了具体实现代码及运行说明，帮助开发者根据实际需求选择更严谨的验证策略。
JavaScript判断数字与小数点组合的两种方法对比
以下列举两种常见方法，若读者有更优方案，欢迎补充交流。
方法一：使用isNaN函数
第一种方法：使用isNaN函数。
isNaN()用于判断值是否“非数字”。若传入的是数字，返回false；若传入非数字字符串，返回true。
注意：空字符串和单独的小数点均会被判定为true（即非数字），而数字与小数点的合法组合则返回false（即为数字）。
具体代码实现如下：
<script language="JavaScript">
function testNan(){
if(isNaN('xxx')){
alert('true');
}else{
alert('false');
}
}
</script>-------------------------------示例-----------------------------
<html> <head> </head> <body> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
方法二：逐字符比较法
第二种方法：逐字符比较法。
直接通过示例展示：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> </BODY> </HTML> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
总结：第二种方法在连续输入多个小数点时，可能会提示为正确（取决于具体实现逻辑），而第一种方法（isNaN）则不会通过纯小数点验证。只要输入内容不符合数字格式规范，isNaN方法会严格拦截，确保只有合法数字通过。