實現(xiàn)js保留小數(shù)點后N位的代碼
在JS中,一般實現(xiàn)保留小數(shù)點后N位的話,都是利用toFixed函數(shù)
<script language="javascript">
document.write("<h1>JS保留兩位小數(shù)例子</h1><br>");
var a=2.1512131231231321;
document.write("原來的值:"+a+"<br>");
document.write("兩位小數(shù)點:"+a.toFixed(2)+"<br>四位小數(shù)點"+a.toFixed(4));
</script>
四舍五入的轉(zhuǎn)換函數(shù),如下:
function round(v,e){
var t=1;
for(;e>0;t*=10,e--);
for(;e<0;t/=10,e++);
return Math.round(v*t)/t;
}
參數(shù)里的:
v表示要轉(zhuǎn)換的值
e表示要保留的位數(shù)
函數(shù)里的兩個for,這個是重點了,
第一個for針對小數(shù)點右邊的情況,也就是保留小數(shù)點右邊多少位;
第二個for針對小數(shù)點左邊的情況,也就是保留小數(shù)點左邊多少位。
for的作用,就是計算t的值,也就是v應(yīng)該放大或者縮小多少倍的倍數(shù)(倍數(shù)=t)。
for這里利用到了for里的兩個特性,條件判斷和計數(shù)器累計(循環(huán)),
當(dāng)e滿足條件時for繼續(xù),并且e每次累加(e的每次累加,就是給for制造不滿足循環(huán)的條件)的同時,也計算t的值。
最后利用了原生的round方法來計算被放大/縮小后的v的結(jié)果,然后把結(jié)果放大/縮小到正確的倍數(shù)
下面各種保留二位數(shù)實例
<script type="text/javascript">
//保留兩位小數(shù)
//功能:將浮點數(shù)四舍五入,取小數(shù)點后2位
function toDecimal(x) {
var f = parseFloat(x);
if (isNaN(f)) {
return;
}
f = Math.round(x*100)/100;
return f;
}
//制保留2位小數(shù),如:2,會在2后面補(bǔ)上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位小數(shù):" + toDecimal(3.14159267));
alert("強(qiáng)制保留2位小數(shù):" + toDecimal2(3.14159267));
alert("保留2位小數(shù):" + toDecimal(3.14559267));
alert("強(qiáng)制保留2位小數(shù):" + toDecimal2(3.15159267));
alert("保留2位小數(shù):" + fomatFloat(3.14559267, 2));
alert("保留1位小數(shù):" + fomatFloat(3.15159267, 1));
//五舍六入
alert("保留2位小數(shù):" + 1000.003.toFixed(2));
alert("保留1位小數(shù):" + 1000.08.toFixed(1));
alert("保留1位小數(shù):" + 1000.04.toFixed(1));
alert("保留1位小數(shù):" + 1000.05.toFixed(1));
//科學(xué)計數(shù)
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("精確到小數(shù)點第2位" + 3.1415.toPrecision(2));
alert("精確到小數(shù)點第3位" + 3.1465.toPrecision(3));
alert("精確到小數(shù)點第2位" + 3.1415.toPrecision(2));
alert("精確到小數(shù)點第2位" + 3.1455.toPrecision(2));
alert("精確到小數(shù)點第5位" + 3.141592679287.toPrecision(5));
</script>
以上就是全部代碼了,是不是超級簡單,希望對大家能有所幫助
相關(guān)文章
easyui-edatagrid.js實現(xiàn)回車鍵結(jié)束編輯功能的實例
下面小編就為大家?guī)硪黄猠asyui-edatagrid.js實現(xiàn)回車鍵結(jié)束編輯功能的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04JavaScript實現(xiàn)簡易的天數(shù)計算器實例【附demo源碼下載】
這篇文章主要介紹了JavaScript實現(xiàn)簡易的天數(shù)計算器,結(jié)合實例形式分析了javascript日期與時間計算的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-01-01js實現(xiàn)跨域的幾種方法匯總(圖片ping、JSONP和CORS)
平時用慣了jQuery.ajax之類的方法,卻時常忽略了它背后的實現(xiàn),本文是學(xué)習(xí)了AJAX基礎(chǔ)及幾種跨域解決方案之后的一些收獲。2015-10-10頁面中實現(xiàn)setInterval和setTimeout效果示例詳解
這篇文章主要為大家介紹了不使用setTimeout和setInterval在頁面中實現(xiàn)setInterval和setTimeout效果示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-09-09解決layui數(shù)據(jù)表格table的橫向滾動條顯示問題
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格table的橫向滾動條顯示問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09