本章節(jié)介紹一下如何實(shí)現(xiàn)對(duì)數(shù)字保留兩位小數(shù)效果，如果數(shù)字的原本小數(shù)位數(shù)不到兩位，那么缺少的就自動(dòng)補(bǔ)零，這個(gè)也是為了統(tǒng)一的效果，先看代碼實(shí)例:

function returnFloat(value){
 var value=Math.round(parseFloat(value)*100)/100;
 var xsd=value.toString().split(".");
 if(xsd.length==1){
 value=value.toString()+".00";
 return value;
 }
 if(xsd.length>1){
 if(xsd[1].length<2){
 value=value.toString()+"0";
 }
 return value;
 }
}
var num=3.1;
console.log(returnFloat(num)); 

上面的代碼實(shí)現(xiàn)了我們的要求，下面介紹一下它的實(shí)現(xiàn)過程。

一.代碼注釋:

1.function returnFloat(value){}，參數(shù)是要被轉(zhuǎn)換的數(shù)字。

2.var value=Math.round(parseFloat(value)*100)/100，這個(gè)應(yīng)該是函數(shù)的核心之處,parseFloat(value)將參數(shù)轉(zhuǎn)換為浮點(diǎn)數(shù)，因?yàn)閰?shù)有可能是字符串，乘以100是因?yàn)橐Ａ魞晌恍?shù)，先將小數(shù)點(diǎn)向右移動(dòng)兩個(gè)位數(shù)，然后再利用Math.round()方法實(shí)行四舍五入計(jì)算，最后除以100，這樣就實(shí)現(xiàn)了保留保留兩位小數(shù)，并且還具有四舍五入效果，但是這個(gè)并不完美，如果參數(shù)數(shù)字本身的小數(shù)位數(shù)大于等于2是可以的，如3.1415，但是如3或者3.0這樣的還是沒有完美的實(shí)現(xiàn)，繼續(xù)看下面。

3.var xsd=value.toString().split(".")，使用點(diǎn)"."value分隔成一個(gè)數(shù)組。

4.if(xsd.length==1){value=value.toString()+".00";return value;}，如果數(shù)組的長度是1，也就是說不存在小數(shù)，那么就會(huì)為這個(gè)數(shù)字添加兩個(gè)0，例如3會(huì)被轉(zhuǎn)換成3.00。

5.

if(xsd.length>1){
 if(xsd[1].length<2){
 value=value.toString()+"0";
 }
 return value;
 }

if(xsd.length>1)用來判斷數(shù)字的長度是否大于1，也就是數(shù)字是否具有小數(shù)，如有小數(shù)，但是小數(shù)的位數(shù)小于2，也就是類似3.1這樣的，就會(huì)在后面加一個(gè)0，也就是會(huì)轉(zhuǎn)換為3.10。

二.相關(guān)學(xué)習(xí)教程:

1.Math.round()可以參閱javascript的Math.round()方法一章節(jié)。

2.parseFloat()函數(shù)可以參閱javascript的parseFloat()方法一章節(jié)。

3.toString()函數(shù)可以參閱javascript的Number對(duì)象的toString()方法一章節(jié)。 

4.split()函數(shù)可以參閱javascript的String對(duì)象的split()方法一章節(jié)。

最新評(píng)論