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替補(bǔ)
注意,數(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ù)點(diǎn)的索引值 // 當(dāng)整數(shù)時(shí),pos_decimal=-1 自動補(bǔ)0 if (pos_decimal < 0) { pos_decimal = s_x.length; s_x += '.'; } // 當(dāng)數(shù)字的長度< 小數(shù)點(diǎn)索引+2時(shí),補(bǔ)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
三、浮點(diǎn)數(shù)保留兩位小數(shù)
3.1 將浮點(diǎn)數(shù)四舍五入,取小數(shù)點(diǎn)后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 強(qiáng)制保留2位小數(shù)
如:2,會在2后面補(bǔ)上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ù) 浮點(diǎn)數(shù)四舍五入 位數(shù)不夠 不補(bǔ)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ù)的方法,希望對大家有幫助!
四、拓展閱讀
JavaScript 浮點(diǎn)數(shù)精度計(jì)算
到此這篇關(guān)于JavaScript中保留兩位小數(shù)的方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript保留兩位小數(shù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)的經(jīng)典文件樹菜單效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的經(jīng)典文件樹菜單效果,通過JavaScript結(jié)合json數(shù)組實(shí)現(xiàn)文件樹菜單的效果,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09整理關(guān)于Bootstrap導(dǎo)航的慕課筆記
這篇文章主要為大家整理了關(guān)于Bootstrap導(dǎo)航的慕課筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03JavaScript設(shè)計(jì)模式發(fā)布訂閱模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式發(fā)布訂閱模式,發(fā)布訂閱設(shè)計(jì)模式是和觀察者設(shè)計(jì)模式基本上相同,但是他們兩個設(shè)計(jì)模式不同的是發(fā)布訂閱者擁有一個事件處理中心而觀察者并沒有2022-06-06Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解
這篇文章主要介紹了Object.keys() 和 Object.getOwnPropertyNames() 的區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05原生javascript實(shí)現(xiàn)無間縫滾動示例
原生javascript無間縫滾動目前支持的是豎向與橫向滾動,下面有個不錯的示例,大家可以參考下2014-01-01Javascript實(shí)現(xiàn)Array和String互轉(zhuǎn)換的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)Array和String互轉(zhuǎn)換的方法,涉及JavaScript中toString方法與split方法的使用技巧,需要的朋友可以參考下2015-12-1220行代碼實(shí)現(xiàn)的一個CSS覆蓋率測試腳本
這里我們只求CSS規(guī)則的覆蓋率,所以訪問 querySelectorAll().length 即可。通過排序就可看出各個CSS使用情況2013-07-07