js 保留兩位小數


來自:https://blog.csdn.net/wd4java/article/details/50466633 侵刪

 

以下我們將為大家介紹 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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM