js取float型小數點后兩位數的方法

轉載??發布時間：2014年01月18日 17:03:32 ? 投稿：shangke ???我要評論

js中取小數點后兩位方法最常用的就是四舍五入函數了，前面我介紹過js中四舍五入一此常用函數，這里正好用上，下面我們一起來看取float型小數點后兩位一些方法總結

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

轉載于:https://www.cnblogs.com/benpaodegegen/p/9065699.html

總結

以上是生活随笔為你收集整理的数字的处理 ：小数点四舍五入的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。