網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

js如何保留兩位小數

欄目: 職場就業 / 發佈於: / 人氣:7.4K

寫js代碼的時候,會遇到小數類型數字,但是過長的小數位不利於頁面顯示,平常的計算過程也不會要求很高的精度,一般需要保留2位小數即可。下面就來介紹下js保留兩位小數的幾種方法

操作方法

(01)方法一:使用toFixed保留兩位小數var num1 = 55.3715;(xed(2));打開瀏覽器調試工具,可以看到如下打印結果,55.37保留了兩位小數,之後的兩位捨棄

js如何保留兩位小數

(02)toFixed自帶四捨五入的功能var num2 = 55.3755;(xed(2));var num3 = 55.3745;(xed(2));看下面打印結果,小數第三位為5時,或大於5時進一位,小於5後面幾位直接捨棄

js如何保留兩位小數 第2張

(03)toFixed自帶補位功能var num4 = 55.3;(xed(2));var num5 = 55;(xed(2));從打印結果可以看出,55.3補一位0,55補了兩位00

js如何保留兩位小數 第3張

(04)方法二:substr直接按字符串截取var num1 = 55.3785 + "";("substr方式保留兩位小數:");(tr(0,xOf(".")+3));這種方式沒有四捨五入的功能,直接按位截取的,也沒有補位功能

js如何保留兩位小數 第4張

(05)方法三:浮點數四捨五入var num1 = parseFloat(55.7856);if (!isNaN(num1)) {num1 = d(num1*100)/100;("將浮點數四捨五入,取小數點後2位:");(num1);}

js如何保留兩位小數 第5張

(06)上面的方法有四捨五入的功能,但沒有補位的功能,可以通過以下方式實現var num1 = parseFloat(55);if (!isNaN(num1)) {num1 = d(num1*100)/100;var str = ring();var rs = xOf('.');if (rs < 0) {rs = th;str += '.';}while (th <= rs + 2) {str += '0';}("將浮點數四捨五入,取小數點後2位,位數不夠進行補位:");(str);}

js如何保留兩位小數 第6張

(07)以上就是js保留小數的幾種方法,可以根據自己的需要選擇

特別提示

比較幾種方法,toFixed是比較常用比較好的方法,但是IE5.5以上的版本才支持,現在IE低版本一般不考慮兼容了

Tags:js 小數 兩位