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

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

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

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

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

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

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

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

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

    javascript保留两位小数的实例:

    <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

  • 相关阅读:
    网盘搜索网站汇总
    AutoIt3病毒杀毒攻略(详)
    数据库的逻辑结构设计
    Oracle数据类型
    选择ORACLE数据库字符集
    ETL讲解(很详细!!!)
    Oracle左连接,右连接,全外连接和+号的用法
    Oracle用户创建及权限设置
    内连接、外连接、自然连接
    关系数据库关系代数
  • 原文地址:https://www.cnblogs.com/BinBinGo/p/5028020.html
Copyright © 2011-2022 走看看