isNaN+parseFloat进行统计以及对NaN的处理【JS验证数字】
今天遇到这么一个需求:
对数据进行统计,可是在统计的时候parseFloat的时候出来一个NaN。后来用isNaN判断,如果是NaN,就给其设置一个初值.
先看对两个方法的解释
parseFloat:
返回由字符串转换得到的浮点数。
parseFloat(numString)
必选项 numString 参数是包含浮点数的字符串。
说明
parseFloat 方法返回与 numString 中保存的数相等的数字表示。如果 numString 的前缀不能解释为浮点数,则返回 NaN (而不是数字)。
parseFloat("abc")
//
NaN
parseFloat("1.2abc")
//
1.2
可以用 isNaN 方法检测 NaN。
parseInt 方法
返回由字符串转换得到的整数。
parseInt(numString, [radix])
参数
numString
必选项。要转换为数字的字符串。
radix
可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供,则前缀为 '0x' 的字符串被当作十六进制,前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。
说明
parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。
parseInt("abc")
//
NaN
parseInt("12abc")
//
12
可以用 isNaN 方法检测 NaN。
isNaN 方法
返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。
isNaN(numValue)
必选项 numvalue 参数为要检查是否为 NAN 的值。
说明
如果值是 NaN, 那么 isNaN 函数返回 true ,否则返回 false 。 使用这个函数的典型情况是检查 parseInt 和 parseFloat 方法的返回值。
还有一种办法,变量可以与它自身进行比较。 如果比较的结果不等,那么它就是 NaN 。 这是因为 NaN 是唯一与自身不等的值。
最后附一个isNaN+parseFloat统计的例子:
var conutAllInfo=function(){ var dan_numQues=parseFloat($(".danxuanBigTitle .numQues").text());// 单选题数 var dan_score=parseFloat($(".danxuanBigTitle .el_modifiedGrade").val());// 单选分值 var dan_total=parseFloat($(".danxuanBigTitle .numTotal").text());// 单选总分 var duo_numQues=parseFloat($(".duoxuanBigTitle .numQues").text());// 多选总数 var duo_score=parseFloat($(".duoxuanBigTitle .el_modifiedGrade").val());// 多选分值 var duo_total=parseFloat($(".duoxuanBigTitle .numTotal").text());// 多选总分 var pan_numQues=parseFloat($(".panduanBigTitle .numQues").text());// 判断总数 var pan_score=parseFloat($(".panduanBigTitle .el_modifiedGrade").val());// 判断分值 var pan_total=parseFloat($(".panduanBigTitle .numTotal").text());// 判断总分 $("#dan_num").text(validateNaN(dan_numQues)); $("#dan_score").text(validateNaN(dan_score)); $("#dan_total").text(validateNaN(dan_total)); $("#duo_num").text(validateNaN(duo_numQues)); $("#duo_score").text(validateNaN(duo_score)); $("#duo_total").text(validateNaN(duo_total)); $("#pan_num").text(validateNaN(pan_numQues)); $("#pan_score").text(validateNaN(pan_score)); $("#pan_total").text(validateNaN(pan_total)); $("#all_total").text(parseFloat($("#dan_total").text())+parseFloat($("#duo_total").text())+parseFloat($("#pan_total").text())); $("#myModal").modal({backdrop: "static", keyboard: false}); } // 验证是否是数字,不是数字返回零 var validateNaN=function(num){ if(isNaN(num)){ return 0; }else return num; }
结果:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了