讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript数字有哪些特性_如何避免浮点数计算误差?

千瑶君_9083

千瑶君_9083

发布时间:2026-01-12 18:33:41

|

487人浏览过

|

来源于php中文网

原创

JavaScript中所有数字都是Number类型,底层用IEEE 754双精度浮点数表示,因此无法精确表示大多数十进制小数,如0.1+0.2!==0.3是设计所致而非bug。

javascript数字有哪些特性_如何避免浮点数计算误差?

JavaScript 中所有数字都是 Number 类型,底层用 IEEE 754 双精度浮点数表示 —— 这意味着它**天生无法精确表示大多数十进制小数**,比如 0.1 + 0.2 !== 0.3 是必然结果,不是 bug,是设计如此。

为什么 0.1 + 0.2 不等于 0.3?

因为 0.1 和 0.2 在二进制中都是无限循环小数(类似十进制里 1/3 = 0.333...),IEEE 754 只能截断存储,导致精度丢失。实际计算时:

console.log(0.1 + 0.2); // 0.30000000000000004

这不是 JavaScript 独有,Python、Java、C 等所有遵循 IEEE 754 的语言都一样。

常见误判场景:

立即学习“Java免费学习笔记(深入)”;

HISUI 前端框架开发指南(IRIS版)
HISUI 前端框架开发指南(IRIS版)

HISUI 前端框架基础开发指南。HISUI 是基于 easyui 二次开发的 jQuery UI 组件库,专为医疗信息系统设计。当涉及 HISUI 组件开发、jQuery easyui 表格/表单/布局/窗口、医疗系统前端页面编写时使用此 skill。 涵盖 40 个组件的官方文档参考,支持声明式与编程式两种初始化方式,提供 $cm/$m 数据访问方法。

下载
  • 用 === 直接比较浮点运算结果(如 if (a + b === 0.3))
  • 用 toFixed() 后再转回数字做逻辑判断(parseFloat((0.1 + 0.2).toFixed(1)) === 0.3 看似成立,但 toFixed 是字符串操作,隐式转换可能引入新误差)
  • 累计求和(如购物车价格累加)产生肉眼可见的偏差

安全比较浮点数:用 Number.EPSILON

Number.EPSILON 表示 1 与下一个可表示数字之间的差值(约 2.220446049250313e-16),是衡量“足够接近”的合理基准。

正确做法是判断两数之差是否小于某个容差值:

function floatEqual(a, b) {
  return Math.abs(a - b) < Number.EPSILON;
}
console.log(floatEqual(0.1 + 0.2, 0.3)); // true

注意:

  • 对极大或极小数值,Number.EPSILON 可能不够用,此时应按数量级缩放容差(如 Math.abs(a - b) )
  • 不要用 == 或 === 直接比浮点数

业务中避免误差的实用策略

真正需要精确计算的场景(如金融、计费),不依赖原生 Number 运算:

  • 金额统一转为整数处理:所有价格以「分」为单位存 number,运算完再除以 100 格式化显示
  • 使用可靠库:如 decimal.js(支持任意精度)、big.js(轻量、专为财务设计),它们内部用字符串+整数模拟运算
  • 后端校验兜底:前端展示可容忍微小误差,但关键提交(如支付金额)必须由后端用高精度类型(如 Java BigDecimal、PostgreSQL DECIMAL)二次校验
  • 显示层用 toFixed(n) 或 Intl.NumberFormat 控制小数位,但仅用于展示,不用于计算链路

最常被忽略的一点:误差会累积。哪怕单次运算误差在 EPSILON 内,连续做几十次加减乘除后,偏差可能放大到影响业务判断的程度。所以别只想着“修一个 0.1 + 0.2”,得从数据源头(单位)、计算路径(是否中间转字符串)、验证环节(前后端协同)整体控制。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1878

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

3044

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6304

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

6329

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

7894

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

12054

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

6239

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

6947

2025.08.07

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

0

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.5万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn