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); // number2.4 四舍五入保留2位小數(shù)
若第二位小數(shù)為0,則保留一位小數(shù)
注意,數(shù)據(jù)類型不變。
function keepTwoDecimal(num) {
var result = parseFloat(num);
if (isNaN(result)) {
alert('傳遞參數(shù)錯(cuò)誤,請檢查!');
return false;
}
result = Math.round(num * 100) / 100;
return result;
};
keepTwoDecimal(num);
console.log(num); //2.44
console.log(typeof num); //number2.5 四舍五入保留2位小數(shù) 不夠位數(shù),則用0替補(bǔ)
注意,數(shù)據(jù)類型變?yōu)樽址愋汀?/p>
function keepTwoDecimalFull(num) {
var result = parseFloat(num);
if (isNaN(result)) {
alert('傳遞參數(shù)錯(cuò)誤,請檢查!');
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 自動(dòng)補(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)); //number3.2 強(qiáng)制保留2位小數(shù)
如:2,會(huì)在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)); //string3.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-03
JavaScript設(shè)計(jì)模式發(fā)布訂閱模式
這篇文章主要介紹了JavaScript設(shè)計(jì)模式發(fā)布訂閱模式,發(fā)布訂閱設(shè)計(jì)模式是和觀察者設(shè)計(jì)模式基本上相同,但是他們兩個(gè)設(shè)計(jì)模式不同的是發(fā)布訂閱者擁有一個(gè)事件處理中心而觀察者并沒有2022-06-06
Object.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)無間縫滾動(dòng)示例
原生javascript無間縫滾動(dòng)目前支持的是豎向與橫向滾動(dòng),下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-01-01
Javascript實(shí)現(xiàn)Array和String互轉(zhuǎn)換的方法
這篇文章主要介紹了Javascript實(shí)現(xiàn)Array和String互轉(zhuǎn)換的方法,涉及JavaScript中toString方法與split方法的使用技巧,需要的朋友可以參考下2015-12-12
20行代碼實(shí)現(xiàn)的一個(gè)CSS覆蓋率測試腳本
這里我們只求CSS規(guī)則的覆蓋率,所以訪問 querySelectorAll().length 即可。通過排序就可看出各個(gè)CSS使用情況2013-07-07

