首頁 > web前端 > js教程 > 主體

怎麼讓js數值四捨五入

一个新手
發布: 2017-09-08 13:23:34
原創
2907 人瀏覽過

1.toFixed() 方法可將 Number 四捨五入為指定小數位數的數字。

NumberObject.toFixed(num)
登入後複製

num必要寫,規定小數的位數,是0 ~ 20 之間的值,包括0 和20,有些實作可以支援更大的數值範圍。如果省略了該參數,將會以 0 取代。

当num超过20的时候,js会出错,这东西好像只能传一个数字进去,字符串会爆不是一个方法
登入後複製

方法存在的bug:

##

<span style="color:#33cc00">Number(13.35).toFixed(1); //13.3 <br>Number(0.055).toFixed(1); //0.1<br>原因:<span style="font-size:13.3333px; font-family:PingFangSC-Regular,Verdana,Arial,微软雅黑,宋体">原生toFixed(x)截取小数的时候会有误差</span><br>//如果要修改这个缺陷,可以把js中的number类型的tofixed方法重写。</span>
登入後複製

2.Math.round() 方法可將一個數字捨去為最接近的整數。

Math.round(x)
登入後複製

x為需要計算的數值。此方法傳回與給出的數值表達式最接近的整數。

方法個存在的bug

<span style="background-color:rgb(255,255,255)"><span style="color:#009900">Math.round(num * Math.pow(10, 2)) / Math.pow(10, 2);  //num是待处理数字</span></span><span style="color:rgb(0,153,0); font-size:13.3333px; font-family:PingFangSC-Regular,Verdana,Arial,微软雅黑,宋体; background-color:rgb(255,255,255)">Math.pow(10, 2)=100</span><span style="background-color:rgb(255,255,255)"><span style="color:#009900"><br>当num = 10.10500时,计算上述表达式可得10.11。(正常)<br>当num = "10.50000"时(注意这里是字符串),计算上述表达式可得10.5。(damn it,小数点后位数不对!)</span></span>
登入後複製
原因:当num是字符串,进行乘法操作时,进行了类型转换,后缀零被丢弃了,导致位数不足,这个时候我们就应该进行补0
登入後複製

解決方案:

#

<span style="background-color:rgb(255,255,255)"><span style="color:#003300">var iTofixed =function(num,fractionDigits) {<br> return (Math.round(num*Math.pow(10,fractionDigits))/Math.pow(10,fractionDigits)+Math.pow(10,-(fractionDigits+1))).toString().slice(0, -1)<br>};<br>iTofixed('13.5000',3);<br>//"13.500"</span></span>
登入後複製

以上是怎麼讓js數值四捨五入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板