`
tangshuang
  • 浏览: 42903 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

JS 实现精确加减乘除

阅读更多

      最近一个项目中要使用 JS 实现自动计算的功能,本以为只是实现简单的加、减、乘、除就可以了,于是三下五除二做完了。

      正当我窃喜的时候,发现问题了。。。

      进行一些浮点数运算时,计算结果都是让我大跌眼镜啊,那个值让我哭笑不得,一长串的值,太牛了。。。

      我那个纳闷啊!!不过还好牛人多,给了我一解决方案,嘿嘿。。。问题基本上解决了,为了表示感觉,我决定把代码贴出来,大家共享一下,希望能给部分人一些帮助。

//加法函数
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方法,,使用时直接用 .add 即可完成计算。 
Number.prototype.add = function (arg) {
	return accAdd(arg, this);
};

//减法函数
function Subtr(arg1, arg2) {
	var r1, r2, m, n;
	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));
     //last modify by deeka
     //动态控制精度长度
	n = (r1 >= r2) ? r1 : r2;
	return ((arg1 * m - arg2 * m) / m).toFixed(n);
}

//给Number类型增加一个add方法,,使用时直接用 .sub 即可完成计算。 
Number.prototype.sub = function (arg) {
	return Subtr(this, arg);
};

//乘法函数
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方法,使用时直接用 .mul 即可完成计算。 
Number.prototype.mul = function (arg) {
	return accMul(arg, this);
}; 

//除法函数
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方法,,使用时直接用 .div 即可完成计算。 
Number.prototype.div = function (arg) {
	return accDiv(this, arg);
}; 

 使用方法:

//加法示例(其它的都类似)
function calculate() {
	//数字1
                var num1 = 10;
                //数字2
                var num2 = 5;
                //计算 num1 + num2
                alert(num1.add(num2));
}

 

希望对大家有帮助哦。。。

分享到:
评论
3 楼 宋建勇 2015-10-23  
    
2 楼 slhailj123 2015-10-12  
不太明白,这样就不会出现浮点数金额的误差了吗?是怎么规避浮点数误差的呢?
1 楼 paopao0987 2013-08-27  
谢谢!我在测试发现了!不然公司账上要少好多钱!

相关推荐

    JS小数加减乘除.txt

    JS中小数精确加减乘除

    详解js加减乘除精确计算

    主要介绍了js加减乘除精确计算,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

    js ,加法,减法,乘法,除法,小数点精确计算

    js ,加法,减法,乘法,除法,计算完之后,很多小数点,比如0.3 / 3 = 0.09999999999999999,尤其是在金钱方面万万不能四舍五入,加减乘除封装为方法,方便调用,完美解决

    js精确的加减乘除实例

    下面小编就为大家带来一篇js精确的加减乘除实例,具有非常好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧

    javascript解决小数的加减乘除精度丢失的方案

    主要介绍了javascript解决小数的加减乘除精度丢失的方案的相关资料以及JavaScript中关于丢失数字精度的问题的探讨,非常的详细,需要的朋友可以参考下

    JavaScript使用math.js进行精确计算操作示例

    主要介绍了JavaScript使用math.js进行精确计算操作,结合实例形式分析了开源库math.js进行高精度数学运算相关操作技巧,需要的朋友可以参考下

    基于uniapp+ts 开发小程序的项目最佳实践模板,支持快速迭代,二次开发

    内置了一些工具类,例如手机号脱敏、精确的加减乘除、金额转换等 内置了一些 ts 的编码规范 uniapp+ts 开发小程序的项目最佳实践模板 配置了 vuex,使用模块化,配置了数据持久化 使用 vuex-class 里的装饰器写法...

    用 Android 实现的多功能媒体娱乐APP(媒体秀)

    支持多个操作数的加减乘除四则运算。支持不合法输入提示。支持屏幕色彩切换。 7. 日历。使用精美图片实现日历效果,电子时钟效果,每时每刻让你对时间了如指掌。 8. 计时器。使用自定义的计时器实现精确到毫秒的时间...

    Js四则运算函数代码

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

    uniapp-ts:uniapp+ts 开发小程序的项目最佳实践模板

    uniapp+ts 开发小程序的项目最佳实践模板配置了 vuex,使用模块化,配置了数据持久化使用 vuex-class 里的装饰器写法来定义 state、getter、...例如手机号脱敏、精确的加减乘除、金额转换等内置了一些 ts 的编码规范

    产生随机数,计算24点,也可手动输入

    计算二十四点游戏,程序随机生成1~13中的四个数,用户给出算式,程序验证是否正确。要求:算式可以包含+,-,*,/,以及货号。计算过程按照先乘除、后加减机型。并且除法运算时精确。比如(1/7)*14应该精确的等于2

Global site tag (gtag.js) - Google Analytics