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

1、面試題html

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

答:不少啊。好比生成 GUID 的時候,就會用到 Math.random() 來生成隨機數。面試

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

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

問:若是我須要四捨五入並保留兩位小數,應該怎麼處理呢?this

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

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

答:1.34 啊。code

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

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

問:emmmmmm...

答:......

問:js 在處理十進制計算的時候,會先轉爲二進制,計算以後再轉回十進制。若是這個數是浮點數,就很容易出現偏差。

   

答:原來如此!

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

 

2、優化 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; }

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

在進行浮點數運算的時候,即便計算結果不精確,也能夠用這個方法對結果進行四捨五入操做,獲得最終結果

 

3、大數相加

在 js 中,對於超大整數的運算,還存在格式問題

當數字超出某個範圍的時候,數字會自動轉爲科學計數法

這個時候若是還須要輸出常規格式,就須要將數字轉爲字符串,而後實現一個字符串加法

function sumNumber(a, b) { var res = '', temp = 0; a = a.split(''); b = b.split(''); while (a.length || b.length || temp) { temp += ~~a.pop() + ~~b.pop(); res = (temp % 10) + res; temp = temp > 9; } return res.replace(/^0+/, ''); }

來源:http://www.javashuo.com/article/p-cmwtsisi-x.html

這個方法的入參必須爲整型的字符串,而後從個位開始,逐位相加,最後返回字符串

 

相關:

http://0.30000000000000004.com/ 

相關文章
相關標籤/搜索