js中toFixed方法的两个坑

toFixed返回结果是string，后续使用它计算会错误
toFixed返回结果可能出现负零-0.00

toFixed返回结果是string，后续使用它计算会错误

代码演示：
类型判断代码示例：

var stringNum = (100.101).toFixed(2);
var type = typeof stringNum == "string";
console.log(type);  //type为true

后续使用代码示例：
1）加法测试

var addResult = parseFloat(100.001).toFixed(2) + (parseFloat(100.001).toFixed(2));
console.log(addResult); //addResult为100.00100.00

加法结果：为字符串拼接。出现了计算错误。

2）减法测试

var subResult = parseFloat(100.001).toFixed(2) - (parseFloat(100.001).toFixed(2));
console.log(subResult); //subResult为0

减法结果：为正常计算，示例结果未出现问题。是否可能丢失精度有待考证。

2）乘法测试

var multiResult = (parseFloat(100.015).toFixed(2)) * (parseFloat(100.001).toFixed(2));
console.log(addResult); //multiResult为10002

乘法结果：为正常计算，示例结果未出现问题。是否可能丢失精度有待考证。

3）除法测试

var diviResult = (parseFloat(100.015).toFixed(2)) / (parseFloat(100.001).toFixed(2));
console.log(multiResult); //diviResult为1.0002

除法结果：为正常计算，示例结果未出现问题。是否可能丢失精度有待考证。

结论：
故toFixed返回结果是string，若直接用两个string进行加法会出现错误。

toFixed返回结果可能出现负零-0.00

toFixed函数只处理数字位，不处理符号位，有可能会出现-0.0的情况。
例如：
a）问题示例如图

b）问题代码示例如下

var result = parseFloat((parseFloat(总收入数值1) - parseFloat(直营数值2) - parseFloat(战略合作商数值3)  - parseFloat(战略合作商数值4)).toFixed(2));
//result为-0.0

js中toFixed方法的两个坑相关推荐

JS中toFixed()方法的问题及解决方案
JS中toFixed()方法的问题及解决方案参考文章: (1)JS中toFixed()方法的问题及解决方案 (2)https://www.cnblogs.com/gushen/archive/201 ...
JS的toFixed方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字.通俗点就是传入的参数是几,那么我们的小数就保留几位. eg: alert(0.056.toFixed(2));–>0.0 ...
created写法_vue.js中created方法作用
这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数.一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中.每一个阶段都会有一个钩子函数 ...
【转载】JS中bind方法与函数柯里化
原生bind方法不同于jQuery中的bind方法只是简单的绑定事件函数,原生js中bind()方法略复杂,该方法上在ES5中被引入,大概就是IE9+等现代浏览器都支持了(有关ES5各项特性的支持情 ...
vue在created调用点击方法_vue.js中created方法的使用详解
这次给大家带来vue.js中created方法的使用详解,使用vue.js中created方法的注意事项有哪些,下面就是实战案例,一起来看一下. 这是它的一个生命周期钩子函数,就是一个vue实例被生成 ...
Js中fetch方法
Js中fetch方法 fetch()方法定义在Window对象以及WorkerGlobalScope对象上,用于发起获取资源的请求,其返回一个Promise对象,这个Promise对象会在请求响应后被 ...
前端开发：JS中join()方法的使用总结
前言在前端开发过程中,对数组的数据进行处理也是比较常见的操作之一,而且对数组进行操作的频率远远大于对对象进行操作,因此在开发过程中对于数组里面的数据进行处理是一项比较重要的技能,尤其是对于刚入行的 ...
js中eval方法的使用
2.js中eval方法的使用 eval可以执行传入的字符串,比如:eval("console.log('eval test!')"),控制台直接会输出"eval test ...
JS中sort方法排序
JS中sort方法排序一.数字排序(string类型) 二.数字排序(string类型和number类型) 三.混合排序(string.number和字母) 四.函数排序五.数组对象排序一.数字 ...

js中toFixed方法的两个坑

js中toFixed方法的两个坑

toFixed返回结果是string，后续使用它计算会错误

toFixed返回结果可能出现负零-0.00

js中toFixed方法的两个坑相关推荐

最新文章

热门文章