1. 程式人生 > >js 中對數值的格式化顯示問題

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