专栏首页web秀小程序中的小数计算问题/浮点数计算问题

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

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

看示例:

示例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。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript深入学习this、call、apply和bind

    this的指向问题一直是面试里的常客。也是es5的众坑之一。对于es6而讲,它极大地避免了this带来的错误。但是为了为了维护一些老代码,还是有必要了解this...

    Javanx
  • React高级组件精讲

    高阶函数是以函数为参数,并且返回也是函数的的函数。类似的,高阶组件(简称HOC)接收 React 组件为参数,并且返回一个新的React组件。高阶组件本质也是一...

    Javanx
  • 大厂面试:JavaScript各种源码解析

    func 是要调用的函数,是由 context 调用,func 的指向 context,所以关注点在 context 指向

    Javanx
  • 曝NSA利用Google Cookie定位监控对象

    据《华盛顿邮报》最新解读,NSA秘密利用互联网广告商的消费者追踪工具,通过cookoie和地理数据来锁定政府所要监控的对象。根据NSA前通讯员...

    安恒信息
  • SAS-数据步中的几个常见的小语法...

    比较基础与常见的语法,如:firstobs,obs,end...,firstobs表示从数据集第某行记录开始,obs表示读取到第某行记录。end为一个“指针”指...

    Setup
  • 【DB笔试面试645】在Oracle中,当收集表的统计信息时应该注意哪些问题?

    ① 对于数据量不大的OLTP类型的系统,建议使用自动收集统计信息,并对一些特殊的大表写JOB定时收集统计信息。如果是数据量很大的OLAP或者DSS系统,那么建议...

    小麦苗DBA宝典
  • Oracle 12c数据库优化器统计信息收集的最佳实践(三)|何时不需要收集统计信息

    原文链接 http://www.oracle.com/technetwork/database/bi-datawarehousing/twp-bp-for-st...

    沃趣科技
  • 深度学习基础学习 | 为什么要进行特征提取

    在计算机中,图片以有序的多维矩阵进行存储,按颜色分为灰度图片用二维数组存储图片的像素值,和彩色图片用三维数组存储图片的三个通道颜色的像素值。

    AI深度学习求索
  • 首创!上海交大金贤敏团队研制出轨道角动量波导光子芯片

    12月7日,国际物理学权威期刊《物理评论快报》以“Mapping Twisted Light into and out of a Photonic Chip”为...

    新智元
  • 镁客网每周硬科技领域投融资汇总(3.21-3.27),闻泰科技收购安世半导体剩余股份

    本周硬科技领域投融资事件一共70起,人工智能领域发生28起融资事件和3起收购事件,占比44%;生物医药领域发生18起融资事件和1起收购事件,占比27%;半导体领...

    镁客网

扫码关注云+社区

领取腾讯云代金券