前端面试题   发布时间:2019-11-07  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了前端面试(原生js篇) - 精确运算大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

一、面试题

问:开发的时候有用到过 Math 吗?

答:很多啊。比如生成 GUID 的时候,就会用到 @H_787_1@math.random() 来生成随机数。

问:别的呢?比如向下取整、向上取整?

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

问:如果我需要四舍五入并保留两位小数,应该怎么处理呢?

答:可以直接用 toFixed() 方法,然后在方法中传入 2,以保留两位小数。

问:那数字 1.335 通过 toFixed(2) 计算后,结果是什么呢?

答:1.34 啊。

问:哦?那 0.1 + 0.2 等于多少呢?

答:阿咧?难道不是 0.3 么...

问:emmmmmm...

答:......

问:js 在处理十进制计算的时候,会先转为二进制,计算之后再转回十进制。如果这个数是浮点数,就很容易出现误差。

 

前端面试(原生js篇) - 精确运算

  

前端面试(原生js篇) - 精确运算

答:原来如此!

问:在了解了这个情况之后,你能写一个精确计算的方法么?

 

二、优化 toFixed()

由于二进制的原因,如果只是简单的放大缩小倍率,得到的结果都是不完美的

比如很多人推荐的:

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

在处理 8716.425 这个数的时候就会出错

前端面试(原生js篇) - 精确运算

经过多次尝试和查阅资料,我强烈推荐 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 中,对于超大整数的运算,还存在格式问题

当数字超出某个范围的时候,数字会自动转为科学计数法

前端面试(原生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/

大佬总结

以上是大佬教程为你收集整理的前端面试(原生js篇) - 精确运算全部内容,希望文章能够帮你解决前端面试(原生js篇) - 精确运算所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: