JavaScript中保留兩位小數(shù)的方法總結(jié)
一、前言
此博文把相關(guān)保留兩位小數(shù)的方法總結(jié)了一下,不同的場景用不同的方法,即用即取。
二、四舍五入相關(guān)
2.1 toFixed() 方法
注意,保留兩位小數(shù),將數(shù)值類型的數(shù)據(jù)改變成了字符串類型。
var num =2.446242342; num = num.toFixed(2); console.log(num); //2.45 console.log(typeof num); // string
2.2 Math.floor() 不四舍五入 ,向下取整
注意,不改變數(shù)據(jù)類型。
num = Math.floor(num * 100) / 100; console.log(num); //2.44 console.log(typeof num); // number
2.3 字符串匹配
注意,先將數(shù)據(jù)轉(zhuǎn)換為字符串,最后再轉(zhuǎn)為數(shù)值類型。
num = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/)); console.log(num); //2.44 console.log(typeof num); // number
2.4 四舍五入保留2位小數(shù)
若第二位小數(shù)為0,則保留一位小數(shù)
注意,數(shù)據(jù)類型不變。
function keepTwoDecimal(num) { var result = parseFloat(num); if (isNaN(result)) { alert('傳遞參數(shù)錯誤,請檢查!'); return false; } result = Math.round(num * 100) / 100; return result; }; keepTwoDecimal(num); console.log(num); //2.44 console.log(typeof num); //number
2.5 四舍五入保留2位小數(shù) 不夠位數(shù),則用0替補
注意,數(shù)據(jù)類型變?yōu)樽址愋汀?/p>
function keepTwoDecimalFull(num) { var result = parseFloat(num); if (isNaN(result)) { alert('傳遞參數(shù)錯誤,請檢查!'); return false; } result = Math.round(num * 100) / 100; var s_x = result.toString(); //將數(shù)字轉(zhuǎn)換為字符串 var pos_decimal = s_x.indexOf('.'); //小數(shù)點的索引值 // 當整數(shù)時,pos_decimal=-1 自動補0 if (pos_decimal < 0) { pos_decimal = s_x.length; s_x += '.'; } // 當數(shù)字的長度< 小數(shù)點索引+2時,補0 while (s_x.length <= pos_decimal + 2) { s_x += '0'; } return s_x; } console.log(keepTwoDecimalFull(120.5)); //120.50 console.log(typeof keepTwoDecimalFull(120.5)); //string console.log(keepTwoDecimalFull(2.446242342)); //2.45 console.log(typeof keepTwoDecimalFull(2.446242342)); //string
三、浮點數(shù)保留兩位小數(shù)
3.1 將浮點數(shù)四舍五入,取小數(shù)點后2位
注,數(shù)據(jù)類型不變。
function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f = Math.round(x*100)/100; return f; } console.log(toDecimal(3.1465926)); // 3.15 console.log(typeof toDecimal(3.1415926)); //number
3.2 強制保留2位小數(shù)
如:2,會在2后面補上00.即2.00
注意,數(shù)據(jù)類型變?yōu)樽址愋汀?/p>
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; } console.log(toDecimal2(3.1)); // 3.10 console.log(typeof toDecimal2(3.1415926)); //string
3.3 保留兩位小數(shù) 浮點數(shù)四舍五入 位數(shù)不夠 不補0
注意,數(shù)據(jù)類型不變。
function fomatFloat(src,pos){ return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos); } console.log(fomatFloat(3.12645,2)); // 3.13 console.log(typeof fomatFloat(3.1415926)); //number
以上就是常用的js保留兩位小數(shù)的方法,希望對大家有幫助!
四、拓展閱讀
到此這篇關(guān)于JavaScript中保留兩位小數(shù)的方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript保留兩位小數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實現(xiàn)的經(jīng)典文件樹菜單效果
這篇文章主要介紹了JavaScript實現(xiàn)的經(jīng)典文件樹菜單效果,通過JavaScript結(jié)合json數(shù)組實現(xiàn)文件樹菜單的效果,非常簡單實用,需要的朋友可以參考下2015-09-09整理關(guān)于Bootstrap導(dǎo)航的慕課筆記
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
這篇文章主要介紹了Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05Javascript實現(xiàn)Array和String互轉(zhuǎn)換的方法
這篇文章主要介紹了Javascript實現(xiàn)Array和String互轉(zhuǎn)換的方法,涉及JavaScript中toString方法與split方法的使用技巧,需要的朋友可以參考下2015-12-12