首頁  >  文章  >  web前端  >  js取float型小數點後兩位數的方法_javascript技巧

js取float型小數點後兩位數的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:03:261332瀏覽

以下我們將為大家介紹 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. 正規表示式效果不錯

複製程式碼 程式碼如下:


3. 他就比較聰明了.....

複製程式碼 程式碼如下:

<script><br /> var num=22.127456;<br /> alert( Math.round(num*100)/100);<br /> </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         pos_decimal = s_x.length;
        s_x = '.';
    }
    while (s_x.length         s_x = '0';
    }
    return s_x;
}

功能:將浮點數四捨五入,取小數點後2位,若不足2位則補0,
這個函數回傳的是字串的格式用法:changeTwoDecimal(3.1415926)回傳3.14 changeTwoDecimal(3.1)回傳3.10

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn