zoukankan      html  css  js  c++  java
  • isNaN+parseFloat进行统计以及对NaN的处理【JS验证数字】

    今天遇到这么一个需求:

      对数据进行统计,可是在统计的时候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;
    }

    结果:

  • 相关阅读:
    matplotlib 柱状图
    JavaScript 箭头函数
    JavaScript map reduce
    JavaScript sort函数
    JavaScript var、let、const
    javaScript 迭代器
    javaScript map和set
    批处理学习(-)之文件夹和文件的移动
    让 Lua 访问数据库
    lua 模块化推荐方法
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/7780288.html
Copyright © 2011-2022 走看看