zoukankan      html  css  js  c++  java
  • Js取float型小数点后两位数的方法

    转自:http://www.jb51.net/article/45884.htm

    以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: 四舍五入 以下处理结果会四舍五入:

    1
    2
    var num =2.446242342;
    num = num.toFixed(2); // 输出结果为 2.45

    不四舍五入 以下处理结果不会四舍五入: 第一种,先把小数边整数:

    1
    2
    Math.floor(15.7784514000 * 100) / 100 
    // 输出结果为 15.77

    第二种,当作字符串,使用正则匹配:

    1
    2
    Number(15.7784514000.toString().match(/^d+(?:.d{0,2})?/)) 
    // 输出结果为 15.77,不能用于整数如 10 必须写为10.0000

    注意:如果是负数,请先转换为正数再计算,最后转回负数

    javascript保留两位小数的实例:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    <script type="text/javascript">
        //保留两位小数 
        //功能:将浮点数四舍五入,取小数点后2位
        function toDecimal(x) {
          var f = parseFloat(x);
          if (isNaN(f)) {
            return;
          }
          f = Math.round(x*100)/100;
          return f;
        }
      
      
        //制保留2位小数,如:2,会在2后面补上00.即2.00
        function toDecimal2(x) {
          var f = parseFloat(x);
          if (isNaN(f)) {
            return false;
          }
          var f = Math.round(x*100)/100;
          var s = f.toString();
          var rs = s.indexOf('.');
          if (rs < 0) {
            rs = s.length;
            s += '.';
          }
          while (s.length <= rs + 2) {
            s += '0';
          }
          return s;
        }
          
        function fomatFloat(src,pos){  
           return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);  
        }
        //四舍五入
        alert("保留2位小数:" + toDecimal(3.14159267));
        alert("强制保留2位小数:" + toDecimal2(3.14159267));
        alert("保留2位小数:" + toDecimal(3.14559267));
        alert("强制保留2位小数:" + toDecimal2(3.15159267));
        alert("保留2位小数:" + fomatFloat(3.14559267, 2));
        alert("保留1位小数:" + fomatFloat(3.15159267, 1));
          
        //五舍六入
        alert("保留2位小数:" + 1000.003.toFixed(2));
        alert("保留1位小数:" + 1000.08.toFixed(1));
        alert("保留1位小数:" + 1000.04.toFixed(1));
        alert("保留1位小数:" + 1000.05.toFixed(1));
          
        //科学计数
        alert(3.1415.toExponential(2));
        alert(3.1455.toExponential(2));
        alert(3.1445.toExponential(2));
        alert(3.1465.toExponential(2));
        alert(3.1665.toExponential(1));
        //精确到n位,不含n位
        alert("精确到小数点第2位" + 3.1415.toPrecision(2));
        alert("精确到小数点第3位" + 3.1465.toPrecision(3));
        alert("精确到小数点第2位" + 3.1415.toPrecision(2));
        alert("精确到小数点第2位" + 3.1455.toPrecision(2));
        alert("精确到小数点第5位" + 3.141592679287.toPrecision(5));
      </script>

    用Javascript取float型小数点后两位,例22.127456取成22.13,如何做?

    1.丢弃小数部分,保留整数部分

    parseInt(5/2)

    2.向上取整,有小数就整数部分加1

    Math.ceil(5/2)

    3,四舍五入.

    Math.round(5/2)

    4,向下取整

    Math.floor(5/2)

    另类的方法

    1. 最笨的办法

    复制代码代码如下:
    function get() {     var s = 22.127456 + "";     var str = s.substring(0,s.indexOf(".") + 3);     alert(str); }  

    2. 正则表达式效果不错

    复制代码代码如下:
    <script type="text/javascript"> onload = function(){     var a = "23.456322";     var aNew;     var re = /([0-9]+.[0-9]{2})[0-9]*/;     aNew = a.replace(re,"$1");     alert(aNew); } </script>

    3. 他就比较聪明了.....

    复制代码代码如下:
    <script> var num=22.127456; alert( Math.round(num*100)/100); </script>

    4.会用新鲜东西的朋友....... 但是需要 IE5.5+才支持。

    5.js保留2位小数(强制)

    对于小数点位数大于2位的,用上面的函数没问题,但是如果小于2位的,比如:changeTwoDecimal(3.1),将返回3.1,如果你一定需要3.10这样的格式,那么需要下面的这个函数:

    复制代码代码如下:
    function changeTwoDecimal_f(x) {     var f_x = parseFloat(x);     if (isNaN(f_x)) {         alert('function:changeTwoDecimal->parameter error');         return false;     }     var f_x = Math.round(x * 100) / 100;     var s_x = f_x.toString();     var pos_decimal = s_x.indexOf('.');     if (pos_decimal < 0) {         pos_decimal = s_x.length;         s_x += '.';     }     while (s_x.length <= pos_decimal + 2) {         s_x += '0';     }     return s_x; }

    功能:将浮点数四舍五入,取小数点后2位,如果不足2位则补0, 这个函数返回的是字符串的格式用法:changeTwoDecimal(3.1415926)返回3.14 changeTwoDecimal(3.1)返回3.10

    学如逆水行舟,不进则退。
  • 相关阅读:
    前端开发之初探五
    前端开发之初探四
    前端开发之初探三
    漫谈
    前端工程师的发展之路
    SVG
    前端开发之初探一
    前端开发之初探二
    详解浏览器缓存
    webStroage案例
  • 原文地址:https://www.cnblogs.com/dhsx/p/5075296.html
Copyright © 2011-2022 走看看