2018年10月17日阅读 560550

小程序中的小数计算问题/浮点数计算问题

在小程序框架中对于浮点数计算存在误差情况。

小程序中的小数计算问题/浮点数计算问题

看示例：

示例1、

<view>{{0.01+0.2}}</view>

示例2：

/**
* 页面的初始数据
*/
data: {
	num1: 0.01,
	num2: 10.2,
}

this.setData({
	num3: this.data.num1 + this.data.num2
})

<view>{{num3}}</view>

计算结果：

0.21000000000000002
10.209999999999999

解决方案：

在页面显示前，使用toFixed() 方法进行四舍五入处理。

this.setData({
	num4: (this.data.num1 + this.data.num2).toFixed(2)
})

<view>{{num4}}</view>

结果：10.21，显示正常。

特别说明，在视图绑定是不支持toFixed() 方法。以下为错误写法：

<view>{{(num1+num2).toFixed(2)}}</view>

小程序是不支持在视图层写任何js的，包括过滤器filters等，推荐在渲染之前，将数据格式化，或者用wxs。