在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位。以下是其中的一些方法:
1. toFixed() 方法:該方法將數(shù)字轉(zhuǎn)換為字符串,并保留指定的小數(shù)位數(shù)。
let num = 3.1415926; let result = num.toFixed(2); // "3.14"
2. Math.round() 方法:該方法將數(shù)字四舍五入到指定的小數(shù)位數(shù)。
let num = 3.1415926; let result = Math.round(num * 100) / 100; // 3.14
3. parseFloat() 和正則表達(dá)式:該方法將字符串轉(zhuǎn)換為數(shù)字,并保留指定的小數(shù)位數(shù)。
let num = "3.1415926"; let result = parseFloat(num).toFixed(2); // "3.14"
4. Number() 和正則表達(dá)式:該方法將字符串轉(zhuǎn)換為數(shù)字,并保留指定的小數(shù)位數(shù)。
let num = "3.1415926";
let result = Number(num.match(/^\d+(?:\.\d{0,2})?/));
// 3.14以上是其中的一些方法,你可以根據(jù)自己的需求選擇適合的方法。
擴(kuò)展
js保留兩位小數(shù)方法總結(jié)
JS數(shù)據(jù)格式化是在進(jìn)行web前端開發(fā)時常碰到的事情,特別是在數(shù)據(jù)類型為Float的數(shù)據(jù)就需要特殊處理,如保留兩位小數(shù)、小數(shù)點(diǎn)后的數(shù)據(jù)是否需要四舍五入等等。下面就來介紹實現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法。
1、JS自帶的方法toFixed(),toFixed() 方法可把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字。
語法:NumberObject.toFixed(num),mun是必需的參數(shù),即規(guī)定小數(shù)的位數(shù),是 0 ~ 20 之間的值,包括 0 和 20,有些實現(xiàn)可以支持更大的數(shù)值范圍。如果省略了該參數(shù),將用 0 代替,所以toFixed() 方法可以實現(xiàn)保留2位、3位、4位等等,取決于num的數(shù)值。
返回值:返回 NumberObject 的字符串表示,不采用指數(shù)計數(shù)法,小數(shù)點(diǎn)后有固定的 num 位數(shù)字。如果必要,該數(shù)字會被舍入,也可以用 0 補(bǔ)足,以便它達(dá)到指定的長度。如果 num 大于 le+21,則該方法只調(diào)用 NumberObject.toString(),返回采用指數(shù)計數(shù)法表示的字符串。
當(dāng) num 太小或太大時拋出異常 RangeError。0 ~ 20 之間的值不會引發(fā)該異常。有些實現(xiàn)支持更大范圍或更小范圍內(nèi)的值。
當(dāng)調(diào)用該方法的對象不是 Number 時拋出 TypeError 異常。
<script type=”text/javascript”> var num = new Number(13.376954); document.write (num.toFixed(2)) </script>
輸出:13.38
2、自定義函數(shù)實現(xiàn)小數(shù)保留并四舍五入。
function roundFun(numberRound,roundDigit) { //四舍五入,保留位數(shù)為roundDigit
if (numberRound>=0){
var tempNumber = parseInt((numberRound * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit);
return tempNumber;
} else{
numberRound1=-numberRound;
var tempNumber = parseInt((numberRound1 * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit);
return -tempNumber;
}
}然后調(diào)用roundFun()這個函數(shù)就可以了。如roundFun('13.376954′,2);當(dāng)然返回的結(jié)果跟第一種方法是一樣的。
3、通過函數(shù)截取,截取到小數(shù)點(diǎn)后面第幾位,當(dāng)然這種方法就沒有四舍五入了。
<script type=”text/javascript”> tmp = 13.376954″ result = tmp.substr(0,tmp.indexOf(“.”)+2); alert(result); </script>
到此這篇關(guān)于在 JavaScript 中,保留小數(shù)點(diǎn)后兩位的方法的文章就介紹到這了,更多相關(guān)js保留小數(shù)點(diǎn)后兩位內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- JavaScript中保留小數(shù)點(diǎn)后N位方法總結(jié)
- 實現(xiàn)js保留小數(shù)點(diǎn)后N位的代碼
- Js保留小數(shù)點(diǎn)的4種效果實現(xiàn)代碼分享
- js保留小數(shù)點(diǎn)后幾位的寫法
- js浮點(diǎn)數(shù)保留兩位小數(shù)點(diǎn)示例代碼(四舍五入)
- js驗證整數(shù)加保留小數(shù)點(diǎn)的簡單實例
- JS格式化數(shù)字保留兩位小數(shù)點(diǎn)示例代碼
- javascript中RegExp保留小數(shù)點(diǎn)后幾位數(shù)的方法分享
- JS保留小數(shù)點(diǎn)(四舍五入、四舍六入)實現(xiàn)思路及實例
相關(guān)文章
JavaScript使用BigInt處理超大數(shù)值全指南
在JavaScript開發(fā)中,數(shù)值處理看似簡單,卻隱藏著一個容易被忽視的陷阱 —— 數(shù)值精度限制,面對超過安全整數(shù)范圍的超大數(shù)值時,傳統(tǒng)的 Number 類型往往力不從心,而BigInt的出現(xiàn)正是為了解決這一痛點(diǎn),本文將深入探討JavaScript數(shù)值處理的困境、BigInt的應(yīng)用場景及最佳實踐2025-07-07
微信小程序用戶授權(quán)獲取手機(jī)號(getPhoneNumber)
這篇文章主要給大家介紹了關(guān)于微信小程序用戶授權(quán)獲取手機(jī)號的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
JavaScript實現(xiàn)頁面跳轉(zhuǎn)的方式總結(jié)
在現(xiàn)代Web開發(fā)中,頁面跳轉(zhuǎn)是實現(xiàn)導(dǎo)航功能的基礎(chǔ)操作,JavaScript提供了多種方式來實現(xiàn)頁面跳轉(zhuǎn),從簡單的URL重定向到復(fù)雜的單頁面應(yīng)用(SPA)路由,本文將全面總結(jié)JavaScript實現(xiàn)頁面跳轉(zhuǎn)的各種方法、適用場景及最佳實踐,需要的朋友可以參考下2025-07-07
jQuery $.data()方法使用注意細(xì)節(jié)
前段時間同事在群里對jQuery里的.data()方法接下來介紹jQuery $.data()方法使用注意細(xì)節(jié),需要了解的朋友可以參考下2012-12-12
一道優(yōu)雅面試題分析js中fn()和return fn()的區(qū)別
這篇文章主要帶領(lǐng)大家深入理解JavaScript中 fn() 和 return fn() 的區(qū)別,感興趣的小伙伴們可以參考一下2016-07-07

