JS保留小數(shù)點(四舍五入、四舍六入)實現(xiàn)思路及實例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>floatDecimal.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<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后面補上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);
}
//四舍五入
document.writeln("保留2位小數(shù):" + toDecimal(3.14159267) + '<br/>');
document.writeln("強制保留2位小數(shù):" + toDecimal2(3.14159267) + '<br/>');
document.writeln("保留2位小數(shù):" + toDecimal(3.14559267) + '<br/>');
document.writeln("強制保留2位小數(shù):" + toDecimal2(3.15159267) + '<br/>');
document.writeln("保留2位小數(shù):" + fomatFloat(3.14559267, 2) + '<br/>');
document.writeln("保留1位小數(shù):" + fomatFloat(3.15159267, 1) + '<br/>');
//五舍六入
document.writeln("保留2位小數(shù):" + 1000.003.toFixed(2) + '<br/>');
document.writeln("保留1位小數(shù):" + 1000.08.toFixed(1) + '<br/>');
document.writeln("保留1位小數(shù):" + 1000.04.toFixed(1) + '<br/>');
document.writeln("保留1位小數(shù):" + 1000.05.toFixed(1) + '<br/>');
//科學(xué)計數(shù)
document.writeln(3.1415.toExponential(2) + '<br/>');
document.writeln(3.1455.toExponential(2) + '<br/>');
document.writeln(3.1445.toExponential(2) + '<br/>');
document.writeln(3.1465.toExponential(2) + '<br/>');
document.writeln(3.1665.toExponential(1) + '<br/>');
//精確到n位,不含n位
document.writeln("精確到小數(shù)點第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精確到小數(shù)點第3位" + 3.1465.toPrecision(3) + '<br/>');
document.writeln("精確到小數(shù)點第2位" + 3.1415.toPrecision(2) + '<br/>');
document.writeln("精確到小數(shù)點第2位" + 3.1455.toPrecision(2) + '<br/>');
document.writeln("精確到小數(shù)點第5位" + 3.141592679287.toPrecision(5) + '<br/>');
</script>
</head>
<body>
This is my HTML page. <br>
</body>
</html>
javascript四舍五入保留兩位小數(shù)
function count(){
//alert("count");
var size=~~(document.getElementById("size").value);
var value=0;
for(var i=0;i<size;i++){
var val=1*(document.getElementById("afterAdjScor"+i).value);
if(null!=val){
value =Math.round((1*(value+val))*100)/100;
}
}
if(isNaN(value)){
value="輸入必須為數(shù)字類型";
}
document.getElementById("total").value=value;
}
說明:~~XX:字符串轉(zhuǎn)int
1*XX:字符串轉(zhuǎn)float
Math.round((1*(value+val))*100)/100:四舍五入
相關(guān)文章
js 動態(tài)給元素添加、移除事件的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s 動態(tài)給元素添加、移除事件的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07webpack里使用jquery.mCustomScrollbar插件的方法
malihu-custom-scrollbar-plugin是一個依賴jquery的自定義網(wǎng)頁滾動條樣式插件,這篇文章主要介紹了webpack里使用jquery.mCustomScrollbar插件的方法,感興趣的小伙伴們可以參考一下2018-05-05JavaScript基礎(chǔ)之靜態(tài)方法和實例方法分析
這篇文章主要介紹了JavaScript基礎(chǔ)之靜態(tài)方法和實例方法,簡單分析了javascript靜態(tài)方法及實例方法的定義、使用相關(guān)操作技巧與注意事項,需要的朋友可以參考下2018-12-12Javascript基于jQuery UI實現(xiàn)選中區(qū)域拖拽效果
這篇文章主要介紹了Javascript基于jQuery UI實現(xiàn)選中區(qū)域拖拽效果的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-11-11JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法
這篇文章主要介紹了JS實現(xiàn)統(tǒng)計復(fù)選框選中個數(shù)并提示確定與取消的方法,可實現(xiàn)javascript針對頁面復(fù)選框元素的統(tǒng)計與提示功能,需要的朋友可以參考下2015-07-07詳解關(guān)于html,css,js三者的加載順序問題
這篇文章主要介紹了關(guān)于html,css,js三者的加載順序問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04Three.js+React使二維圖片呈現(xiàn)3D效果
這篇文章主要為大家介紹了如何利用Three.js+React技術(shù)棧,將二維漫畫圖片轉(zhuǎn)化為三維視覺效果。文中的實現(xiàn)方法講解詳細(xì),需要的可以參考一下2022-02-02