js 中對數值的格式化顯示問題
對數字進行格式化輸出,是非常有意義的一件事情,例如許多時候,我們希望一個數字能夠輸出為指定格式的字串,拿25.9878來說,我們可能會希望它能保留兩位小數來說出,即結果為25.99,或者對於0.345678,希望能夠按百分號輸出,並保留小數點後兩位,即結果為34.57%,又例如我們希望將數字56456456按照科學計數法來顯示,並保留小數點後兩位,即結果為5.65e+7,類似例子當然還有很多。
那麼在Javascript標準之中,是否提供了對這些格式化輸出的支援呢,可以說Javascript也提供了部分支援,但是提供的並部完善,具體你可以看一下Number物件的使用,裡面提供了對數字的一些格式化輸出,幾個函式如下:
toExponential([fractionDigits]) :將數字按科學計數法格式返回,其中的fractionDigits值小數點後保留的位數。
toFixed([fractionDigits]) :將數字按指定的小數點位數返回,其中的fractionDigits值小數點後保留的位數。
toPrecision([precision]) :將數字按指定的精度返回(這個精度不是指小數點後幾位),其中precision是指定的精度值。
如果你不會使用上面的函式,我簡單給你舉個例子:
var num=56.45678;
var rs1=num.toExponential(2);//rs1的值為5.65e+1
var rs2=num.toFixed(2);//rs的值為56.45
var rs3=num.toPrecision(2);//rs的值為56
雖然說Number物件提供的這些方法能夠解決不少的數字轉化問題,但是對於許多情況還是不好滿足的,例如對百分號的支援等等。
為了解決這個問題,並提供更為強大和靈活的數字格式化要求,JsJava專門提供了的Javascript自定義類來進行支援,你可以下載jsjava-1.0.js,引用其中的src/jsjava/text/NumberFormat.js或者直接引用jslib/jsjava-1.0.js,舉例如下:
<script src="js/jsjava/text/NumberFormat.js"></script>
<script src="js/jsjava/lang/StringBuffer.js"></script>
<script src="js/jsjava/lang/IllegalArgumentException.js"></script>
<script>
var nf=new DecimalFormat();
nf.applyPattern("000.000%");
var res=nf.format(-0.893566);
document.write(res+"<br>");
nf.applyPattern("0000.00");
var res=nf.format(-53.385967);
document.write(res+"<br>");
nf.applyPattern("0000.000E00");
var res=nf.format(53.385967);
document.write(res+"<br>");
</script>
顯示結果為:
-89.357%
-53.39
5338.597e-2
---------------------
原文:https://blog.csdn.net/alen0707/article/details/5133484