isNaN+parseFloat进行统计以及对NaN的处理

Posted Qiao_Zhi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了isNaN+parseFloat进行统计以及对NaN的处理相关的知识,希望对你有一定的参考价值。

今天遇到这么一个需求:

  对数据进行统计,可是在统计的时候parseFloat的时候出来一个NaN。后来用isNaN判断,如果是NaN,就给其设置一个初值.

 

 

先看对两个方法的解释

 

parseFloat:

返回由字符串转换得到的浮点数。

parseFloat(numString)

必选项 numString 参数是包含浮点数的字符串。

说明

parseFloat 方法返回与 numString 中保存的数相等的数字表示。如果 numString 的前缀不能解释为浮点数,则返回 NaN (而不是数字)。

parseFloat("abc")      // 返回 NaNparseFloat("1.2abc")   // 返回 1.2

可以用 isNaN 方法检测 NaN

 

parseInt 方法

返回由字符串转换得到的整数。

parseInt(numString, [radix])

参数

numString

必选项。要转换为数字的字符串。

radix

可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供,则前缀为 \'0x\' 的字符串被当作十六进制,前缀为 \'0\' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。

说明

parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。

parseInt("abc")     // 返回 NaNparseInt("12abc")   // 返回 12

可以用 isNaN 方法检测 NaN。 

 

 

isNaN 方法

返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。

isNaN(numValue)

必选项 numvalue 参数为要检查是否为 NAN 的值。

说明

如果值是 NaN, 那么 isNaN 函数返回 true ,否则返回 false 。 使用这个函数的典型情况是检查 parseIntparseFloat 方法的返回值。

还有一种办法,变量可以与它自身进行比较。 如果比较的结果不等,那么它就是 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;
}

 

结果:

 

以上是关于isNaN+parseFloat进行统计以及对NaN的处理的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript系统函数(parseInt()函数parseFloat()函数isNaN()函数eval()函数)

js判断值是否是数字

javascript Global对象

常用小方法

JS中 parseFloat() 函数

ESLint 意外使用 isNaN