Javascript浮点数乘积运算出现多位小数的解决方法

 更新时间:2014年02月17日 15:39:09   作者:  
这篇文章主要介绍了Javascript浮点数乘积运算出现多位小数的解决方法,需要的朋友可以参考下

Javascript在进行浮点数的乘积运算,会出现多位小数的情况。

这是由于在运算的时候先把浮点数转化成二进制后进行运算,但是有的小数在二进制编码后出现无限循环,因而导致计算出现了误差,在其它变成语言中也有类似的问题。

原因解释参考自百度知道:

例如:求1038.1-1000
1038.1=10000001110.0001100110011001100110011001100110011001100.....
1000 =1111101000

1038.1转化为二进制是个无限循环小数,1100是循环节,只能取近似值,误差就是这里产生的 如果浏览器版本高,可以用toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

解决方案:根据要保留的小数位数(如4),在计算乘积的时候先乘以(10^4),然后对计算结果除以(10^4),最后对结果取近似值Math.round

复制代码 代码如下:

var m1 = 2232.00,
percent = (10/100),
total = percent*m1;
alert(total);//223.20000000000002

total = Math.round(total*10)/10;
alert(total);//223.2

相关文章

  • JS判断数组四种实现方法详解

    JS判断数组四种实现方法详解

    这篇文章主要介绍了JS判断数组四种实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • 利用JavaScript控制元素(标签)的显示与隐藏

    利用JavaScript控制元素(标签)的显示与隐藏

    这篇文章主要给大家介绍了关于如何利用JavaScript控制元素(标签)的显示与隐藏的相关资料,JavaScript有多种方式可以实现,文中介绍了三种方法以及区别,需要的朋友可以参考下
    2023-07-07
  • JavaScript中利用for循环遍历数组

    JavaScript中利用for循环遍历数组

    这篇文章主要为大家详细介绍了JavaScript中利用for循环遍历数组,最好不要使用for in遍历,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 一文入门Webpack文件指纹

    一文入门Webpack文件指纹

    文件指纹是文件打包后输出的文件名的后缀,通常用来做一些文件的版本管理,文中给大家提到了几种文件指纹的设置用法,对Webpack文件指纹相关知识感兴趣的朋友一起看看吧
    2022-02-02
  • javascript事件函数中获得事件源的两种不错方法

    javascript事件函数中获得事件源的两种不错方法

    许多情况我们需要获得事件源对象来对其属性进行更改,在事件响应函数中获得事件源的方法有如下两种
    2014-03-03
  • uniapp H5遮罩层、弹窗以及蒙层滚动穿透/滑动穿透解决办法

    uniapp H5遮罩层、弹窗以及蒙层滚动穿透/滑动穿透解决办法

    最近用uin-app做项目遇到了不少问题,下面这篇文章主要给大家介绍了关于uniapp H5遮罩层、弹窗以及蒙层滚动穿透/滑动穿透的解决办法,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • 微信小程序背景音乐开发详解

    微信小程序背景音乐开发详解

    这篇文章主要介绍了微信小程序背景音乐开发详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • CKeditor4 字体颜色功能配置方法教程

    CKeditor4 字体颜色功能配置方法教程

    这篇文章主要介绍了CKeditor4 字体颜色功能配置方法,结合图文与实例的形式分析了CKeditor4 添加字体颜色扩展功能的相关实现步骤与操作技巧,需要的朋友可以参考下
    2019-06-06
  • 微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

    微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

    这篇文章主要介绍了微信小程序使用map组件实现检索(定位位置)周边的POI功能,涉及微信小程序基于map组件与高德地图PAI接口的定位操作相关使用技巧,需要的朋友可以参考下
    2019-01-01
  • 原生javascript实现连连看游戏

    原生javascript实现连连看游戏

    这篇文章主要为大家详细介绍了原生javascript实现连连看游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01

最新评论