全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  html5技术干货  >  详情

如何在JavaScript中将数字四舍五入到小数点后两位

来源:千锋教育
发布人:wjy
2022-12-30

推荐

在线提问>>

  要在 JavaScript 中将数字四舍五入到小数点后两位,请对数字调用 toFixed() 方法,即 num.toFixed(2)。toFixed() 会将数字四舍五入并将其格式化为小数点后两位。

  例如:

  JavaScript

如何在 JavaScript 中将数字四舍五入到小数点后两位1

  toFixed() 方法采用数字 F 并返回小数点后 F 位数的数字的字符串表示形式。这里的 F 由传递给 toFixed() 的第一个参数 fractionDigits 参数决定。

如何在 JavaScript 中将数字四舍五入到小数点后两位2

  将 toFixed() 的结果解析为数字。

  请记住, toFixed() 返回一个字符串表示:

如何在 JavaScript 中将数字四舍五入到小数点后两位3

  但是,我们总是可以使用 Number() 构造函数将结果转换为数字:

如何在 JavaScript 中将数字四舍五入到小数点后两位4

  如果字符串有尾随零,它们将在转换中被删除:

如何在 JavaScript 中将数字四舍五入到小数点后两位5

  小数点后的尾随零不会改变数字的值,因此 10.00 与 10 或 10.00000000 相同。

如何在 JavaScript 中将数字四舍五入到小数点后两位6

  将十进制字符串四舍五入到小数点后两位。

  有时输入可能存储为字符串。在这种情况下,我们首先需要使用 parseFloat() 函数将数字转换为浮点数,然后再使用 toFixed() 将其四舍五入到小数点后两位。

  例如:

如何在 JavaScript 中将数字四舍五入到小数点后两位7

  并非所有的十进制数都可以用二进制精确表示,因此在 JavaScript 的浮点数系统中存在一些舍入错误。例如:

如何在 JavaScript 中将数字四舍五入到小数点后两位8

  在此示例中,46.85 x 0.1 等于 4.6850000000000005,因为 46.85 无法用二进制浮点格式准确表示。

如何在 JavaScript 中将数字四舍五入到小数点后两位9

  与第一个一样,这里的 1.015 被四舍五入到小数点后两位为 1.01 而不是 1.02,因为 1.015 在二进制数字系统中也无法准确表示。

  此缺陷最常见的示例之一是经典的 0.1 + 0.2:

如何在 JavaScript 中将数字四舍五入到小数点后两位10

相关文章

js获取class属性的值

什么是事件委托?javascript事件委托的实现原理

9个JSON.stringify的秘密大多数开发人员却不知道

TypeScript中必须知道的6个泛型方法

如何在JavaScript中将十进制转换为十六进制

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取