1. 程式人生 > >前端面試(原生 js 篇) - 精確運算

前端面試(原生 js 篇) - 精確運算

一、面試題

問:開發的時候有用到過 Math 嗎?

答:很多啊。比如生成 GUID 的時候,就會用到 Math.random() 來生成隨機數。

問:別的呢?比如向下取整、向上取整?

答:向下取整是 floor(),向上取整是 ceil()。另外還可以用 round() 方法進行四捨五入的取整。

問:如果我需要四捨五入並保留兩位小數,應該怎麼處理呢?

答:可以直接用 toFixed() 方法,然後在方法中傳入 2,以保留兩位小數。

問:那數字 1.335 通過 toFixed(2) 計算後,結果是什麼呢?

答:1.34 啊。

問:哦?那 0.1 + 0.2 等於多少呢?

答:阿咧?難道不是 0.3 麼...

問:emmmmmm...

答:......

問:js 在處理十進位制計算的時候,會先轉為二進位制,計算之後再轉回十進位制。當這個數是浮點數,或者超大整數的時候,就很容易出現誤差。

   

答:原來如此!

問:在瞭解了這個情況之後,你能寫一個精確計算的方法麼?

 

二、優化 toFixed()

由於二進位制的原因,如果只是簡單的放大縮小倍率,得到的結果都是不完美的

比如很多人推薦的:

Math.formatFloat = function
(f, digit) { var m = Math.pow(10, digit); return Math.round(f * m, 10) / m; }

在處理 8716.425 這個數的時候就會出錯

 

經過多次嘗試和查閱資料,我強烈推薦 Scott 大神的 toFixed() 方法,原連結:http://www.chengfeilong.com/toFixed

可以先手動找到舍入位,如果該位置大於5,則手動進位,並去掉舍入位及其後面的所有字元

Number.prototype.toFixed = function(length) {
  
var carry = 0; //存放進位標誌 var num,multiple; //num為原浮點數放大multiple倍後的數,multiple為10的length次方 var str = this + ''; //將呼叫該方法的數字轉為字串 var dot = str.indexOf("."); //找到小數點的位置 if(str.substr(dot+length+1,1)>=5) carry=1; //找到要進行舍入的數的位置,手動判斷是否大於等於5,滿足條件進位標誌置為1 multiple = Math.pow(10,length); //設定浮點數要擴大的倍數 num = Math.floor(this * multiple) + carry; //去掉舍入位後的所有數,然後加上我們的手動進位數 var result = num/multiple + ''; //將進位後的整數再縮小為原浮點數 /* * 處理進位後無小數 */ dot = result.indexOf("."); if(dot < 0){ result += '.'; dot = result.indexOf("."); } /* * 處理多次進位 */ var len = result.length - (dot+1); if(len < length){ for(var i = 0; i < length - len; i++){ result += 0; } } return result; }

這個方法我暫時沒有發現有錯誤處理的數字。如果有小夥伴發現了,一定留言告訴我

 

三、大數相加

施工中...

 

相關:

http://0.30000000000000004.com/