首頁技術(shù)文章正文

web前端開發(fā)培訓(xùn)之JS中toFixed四舍五入的坑

更新時(shí)間:2016年10月13日10時(shí)58分來源:傳智播客前端與移動(dòng)開發(fā)學(xué)院瀏覽次數(shù):

最近發(fā)現(xiàn)JS當(dāng)中toFixed方法存在一些問題。toFixed這個(gè)函數(shù)一直在用，以前都是把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字，沒有考慮其他。今天需要考慮擴(kuò)展一下功能，于是搜索了一下，竟然發(fā)現(xiàn)了一個(gè)大坑。

請(qǐng)看下面的例子：

var num = 3.15;
var n = num.toFixed(1);
console.log(n);

而打印結(jié)果是3.1！

說好的四舍五入呢？不急，再看下面的例子：

var num = 3.25;
var n = num.toFixed(1);
console.log(n);

納尼？3.3！這下又四舍五入了。why？網(wǎng)上有人據(jù)此整理出“四舍六入，五看奇偶”的原則，就是說大于五的就進(jìn)一位，五呢偶進(jìn)奇不進(jìn)。那么是不是這樣呢？請(qǐng)看下面的例子：

var num1 = 3.55;
var num2 = 3.65;
var num3 = 3.05;
var n1 = num1.toFixed(1);
var n2 = num2.toFixed(1);
var n3 = num3.toFixed(1);
console.log(n1,n2,n3);

效果預(yù)覽：

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps50B3.tmp.jpg

按照“四舍六入，五看奇偶”的原則，n1==3.5是對(duì)的，n2==3.7才是, n3==3.1（這里不討論0算不算偶數(shù)，根據(jù)我小學(xué)知識(shí)算它偶數(shù)）才對(duì)嘛。然并卵，機(jī)器是不會(huì)騙人的。

根據(jù)測(cè)試，2、3、4、7、8、9這幾個(gè)都會(huì)四舍五入。

還有誰不懵逼的??？

根據(jù)多方查證，完美的處理方式是自己改寫這個(gè)函數(shù)。

至于JavaScript內(nèi)部是為什么，沒去摳。有興趣的同學(xué)可以去研究下，希望不吝賜教。

當(dāng)然，對(duì)于大多數(shù)情況，這個(gè)問題也不是什么問題。

另外，附帶提一下push()。網(wǎng)上有的同學(xué)把join錯(cuò)寫成push時(shí)出了問題，形如下面：

//目標(biāo)，希望得到1
var arr = ["1"];
console.log(arr.join(","));
//錯(cuò)寫，結(jié)果得到2
var arr = ["1"];
console.log(arr.push(","));

效果預(yù)覽：

file:///C:\Users\ADMINI~1\AppData\Local\Temp\ksohtml\wps50C4.tmp.jpg

why？其實(shí)我們仔細(xì)點(diǎn)就可以發(fā)現(xiàn)，join那里打印出來的是字符串"1"，push那里打印出來的是數(shù)字2。

join()把數(shù)組中的所有元素轉(zhuǎn)換為一個(gè)字符串，返回結(jié)果---轉(zhuǎn)換后的字符串。
push()是往數(shù)組中添加新元素，返回結(jié)果---新數(shù)組的長度。

綜上所述，結(jié)果并沒有問題，只是這位同學(xué)不清楚兩個(gè)函數(shù)的返回結(jié)果。

本文版權(quán)歸傳智播客web前端開發(fā)培訓(xùn)學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處，謝謝！
作者：傳智播客web前端開發(fā)培訓(xùn)學(xué)院
首發(fā)：http://m.metathetuscanyresort.com/web/

上一篇：web前端開發(fā)培訓(xùn)之如何實(shí)現(xiàn)點(diǎn)對(duì)點(diǎn)隨機(jī)匹配聊天 下一篇：web前端開發(fā)培訓(xùn)之js 基本類型與引用類型的區(qū)別