js 做计算,结果总是错的,求助

2010-12-24 01:08:55 573 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

js实例1——JavaScript实现计算器用html、css和js实现简单的计算器功能，根据菜鸟里的案例自己敲了一遍，菜鸟链接在这里：https://c.runoob.com/codedemo/3124 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js计算器<... 阅读详情

项目,最近没试发现,所有页面上用javascript 做计算的地方,一个浮点型和整型数值相乘总是错的,这是为什么
比方:我在自己的机子上写了下面的 js;

alert(2.3*100);

弹出的对话框竟然写得是 229.99999999999997

alert(9.6/3.2);

弹出的对话框竟然写得是 2.9999999999999996

整型值计算到是正确的

我想知道这是为什么?
我们公司里统一装的系统,三个人测试都是这样

...全文

用javascript制作简易计算器,用js做一个计算器代码虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提是机器上的浏览器支持JavaScript脚本语言，JavaScript已被大多数的浏览器所支持。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。阅读详情

DearFen

Java EE 67,535 成员 225,843 内容

+ 关注 + 加入社区

切换为时间正序

筱伟 2010-12-24

打赏
举报

加法

//说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。  

//调用：accAdd(arg1,arg2)  

//返回值：arg1加上arg2的精确结果  

function accAdd(arg1,arg2){  

    var r1,r2,m;  

    try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}  

    try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}  

    m=Math.pow(10,Math.max(r1,r2))  

    return (arg1*m+arg2*m)/m  

}  

  

//给Number类型增加一个add方法，调用起来更加方便。  

Number.prototype.add = function (arg){  

    return accAdd(arg,this);  

}

减法

//说明：javascript的减法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的减法结果。  

//调用：accSub(arg1,arg2)  

//返回值：arg1减上arg2的精确结果  

function accSub(arg1,arg2){      

    return accAdd(arg1,-arg2);  

}  

  

//给Number类型增加一个sub方法，调用起来更加方便。  

Number.prototype.sub = function (arg){  

    return accSub(this,arg);  

}

乘法

//说明：javascript的乘法结果会有误差，在两个浮点数相乘的时候会比较明显。这个函数返回较为精确的乘法结果。  

//调用：accMul(arg1,arg2)  

//返回值：arg1乘以arg2的精确结果  

function accMul(arg1,arg2)  

{  

    var m=0,s1=arg1.toString(),s2=arg2.toString();  

    try{m+=s1.split(".")[1].length}catch(e){}  

    try{m+=s2.split(".")[1].length}catch(e){}  

    return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)  

}  

  

//给Number类型增加一个mul方法，调用起来更加方便。  

Number.prototype.mul = function (arg){  

    return accMul(arg, this);  

}

除法

//说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。  

//调用：accDiv(arg1,arg2)  

//返回值：arg1除以arg2的精确结果  

function accDiv(arg1,arg2){  

    var t1=0,t2=0,r1,r2;  

    try{t1=arg1.toString().split(".")[1].length}catch(e){}  

    try{t2=arg2.toString().split(".")[1].length}catch(e){}  

    with(Math){  

        r1=Number(arg1.toString().replace(".",""))  

        r2=Number(arg2.toString().replace(".",""))  

        return (r1/r2)*pow(10,t2-t1);  

    }  

}  

  

//给Number类型增加一个div方法，调用起来更加方便。  

Number.prototype.div = function (arg){  

    return accDiv(this, arg);  

}

DearFen 2010-12-24

打赏
举报

......
我主管请假了,这个问题只能先搁掷在这里了
等他做定夺吧

Mr-Jee 2010-12-24

打赏
举报

[Quote=引用 6 楼 magicbu 的回复:]

这是js浮点运算的bug，尽量先转换成整数后再做计算~
[/Quote]
解释有误
js的计算为了效率就舍去了精度
我们看上去觉得alert(9.6/3.2);这样的计算一眼就知道是3
但是机器的运算是2进制的计算。所以精度一舍就成了不精确的答案了
所以一般浮点预算都采取toFixed设定有效位。这样得到的结果其实就是对的。

kai27ks 2010-12-24

打赏
举报

你用eval这个函数试试

kai27ks 2010-12-24

打赏
举报

好像这个问题也存在于myeclipse计算后输出结果。。

magicbu 2010-12-24

打赏
举报

这是js浮点运算的bug，尽量先转换成整数后再做计算~

DearFen 2010-12-24

打赏
举报

[Quote=引用 2 楼 huaxianpeng 的回复:]

需要转换一下。parseDouble
[/Quote]

其实我的原始问题,就是页面上有几个文本框输入了数字以后,在文本框 onblur 的时候进行一个简单的计算
我有用过 parseFloat 但是结果就像我提的问题那样

至于你说的parseDouble 我从来没见过 javascript 中有这个方法

DearFen 2010-12-24

打赏
举报

[Quote=引用 1 楼 dyllove98 的回复:]

用 float 或者double类型
[/Quote]

javascript 中有 float 或 double 类型?

strike2368168 2010-12-24

打赏
举报

只能转换一下了。

三味书屋 2010-12-24

打赏
举报

需要转换一下。parseDouble

Jlins 2010-12-24

打赏
举报

用 float 或者double类型

js 做计算,结果总是错的,求助

相关推荐