前端面試(原生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; }

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

在進行浮點數運算的時候,即使計算結果不精確,也可以用這個方法對結果進行四舍五入操作,得到最終結果

 

三、大數相加

在 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+/, ''); }

來源:https://www.cnblogs.com/kindofblue/p/4672129.html

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

 

相關:

http://0.30000000000000004.com/ 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM