JavaScript判断数字与小数点组合的两种方法对比：isNaN与逐字符校验

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> 

方法二：逐字符比较法

第二种方法：逐字符比较法。

直接通过示例展示：

 <!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> 

总结：第二种方法在连续输入多个小数点时，可能会提示为正确（取决于具体实现逻辑），而第一种方法（isNaN）则不会通过纯小数点验证。只要输入内容不符合数字格式规范，isNaN方法会严格拦截，确保只有合法数字通过。