详解Javascript中被你忽略的浮点数运算的坑，来学习吧
csdh11 2025-02-03 12:09 19 浏览
前言
在讲解本篇文章的内容开始之前，我们先来掌握以下一些知识点。
Javascript中的数字都是双精度的浮点数。
Javascript中的整数并不是一个独立的数据类型，而是浮点数的一个子集。
Javascript
浮点数的坑
我们直接看下面的一个例子。
在浏览器的console控制台上我们分别进行以下的浮点数运算。
控制台的浮点数运算
通过控制台的运算，我们可以很惊奇的看到答案，有些运算结果竟然和我们想像的不一样，比如0.1+0.2的返回结果不是0.3，而是0.30000000000000004。
原因
首先要肯定的是这不是浏览器的问题，而是由于浮点数的精度导致的。
浮点数的精度问题并不是Javascript所独有的，例如在Java中，我们运行以下代码，同样会输出和Javascript中一样的结果。
Java中的双精度运算
那造成这个问题的原因是什么呢？
因为电脑永远都是按照二进制进行运算的，我们输入的十进制数在转化为二进制数时，并不总如人意，意思是说有些十进制并不能用准确的二进制数表示。
十进制小数转二进制表示
我们来看下十进制小数转二进制表示的过程，小数位乘以2，取整，小数部分继续乘以2，再取整，直到小数部分为0为止，然后将取整位按顺序排列。
由此方法我们可以看到以下一些十进制小数的二进制表示。
十进制与二进制
我们发现有些小数的二进制表示位数是无限循环的，这就造城了浮点数精度上的问题。
比如十进制的1.1，在用二进制表示时因为存在二进制位无限循环的表示，实际值为1.0999999999...无限接近于1.1
解决方法
遇到这种问题，常用的一种解决方法就是将浮点数转化为整数进行运算，以下是一些封装好的关于浮点运算的方法，而且经过测试，加减乘除运算都会达到自己想要的结果。
加法和减法运算
乘法和除法运算
总结
今天这篇文章讲的是Javascript中浮点数运算会产生的坑，你有遇到过吗？看了这篇文章会不会有很大的收获呢？
相关推荐
- pdf怎么在线阅读?这几种在线阅读方法看看
-
pdf怎么在线阅读？我们日常生活中经常使用到pdf文档。这种格式的文档在不同平台和设备上的可移植性，以及保留文档格式和布局的能力都很强。在阅读这种文档的时候，很多人会选择使用在线阅读的方法。在线阅读P...
- PDF比对不再眼花缭乱:开源神器diff-pdf助你轻松揪出差异
-
PDF比对不再眼花缭乱：开源神器diff-pdf助你轻松揪出差异在日常工作和学习中，PDF文件可谓是无处不在。然而，有时我们需要比较两个PDF文件之间的差异，这可不是一件轻松的事情。手动逐页对比简直是...
- 全网爆火!580页Python编程快速上手，零基础也能轻松学会
-
Python虽然一向号称新手友好，但对完全零基础的编程小白来讲，总会在很长时间内，都对某些概念似懂非懂，每次拿起书本教程，都要从第一章看起。对于这种迟迟入不了门的情况，给大家推荐一份简单易懂的入门级教...
- 我的名片能运行Linux和Python，还能玩2048小游戏，成本只要20元
-
晓查发自凹非寺量子位报道|公众号QbitAI猜猜它是什么？印着姓名、职位和邮箱，看起来是个名片。可是右下角有芯片，看起来又像是个PCB电路板。其实它是一台超迷你的ARM计算机，不仅能够运...
- 由浅入深学shell，70页shell脚本编程入门，满满干货建议收藏
-
不会Linux的程序员不是好程序员，不会shell编程就不能说自己会Linux。shell作为Unix第一个脚本语言，结合了延展性和高效的优点，保持独有的编程特色，并不断地优化，使得它能与其他脚本语言...
- 真工程师:20块钱做了张「名片」，可以跑Linux和Python
-
机器之心报道参与：思源、杜伟、泽南对于一个工程师来说，如何在一张名片上宣告自己的实力？在上面制造一台完整的计算机说不定是个好主意。最近，美国一名嵌入式系统工程师GeorgeHilliard的名片...
- 《Linux 命令行大全》.pdf
-
今天跟大家推荐个Linux命令行教程：《TheLinuxCommandLine》，中文译名：《Linux命令行大全》。该书作者出自自美国一名开发者，兼知名Linux博客LinuxCo...
- PDF转换是难题? 搜狗浏览器即开即看
-
由于PDF文件兼容性相当广泛，越来越多的电子图书、产品说明、公司文告、网络资料、电子邮件选择开始使用这种格式来进行内容的展示，以便给用户更好的再现原稿的细节，但需要下载专用阅读器进行转化才能浏览的问题...
- 彻底搞懂 Netty 线程模型
-
点赞再看，养成习惯，微信搜一搜【...
- 2022通俗易懂Redis的线程模型看完就会
-
Redis真的是单线程吗？我们一般说Redis是单线程，是指Redis的网络IO和键值对操作是一个线程完成的，这就是Redis对外提供键值存储服务的主要流程。Redis的其他功能，例如持久化、异步删除...
- 实用C语言编程(第三版)高清PDF
-
编写C程序不仅仅需要语法正确，最关键的是所编代码应该便于维护和修改。现在有很多介绍C语言的著作，但是本书在这一方面的确与众不同，例如在讨论C中运算优先级时，15种级别被归纳为下面两条原则：需要的...
- 手拉手教你搭建redis集群(redis cluster)
-
背景：最近需要使用redis存储数据，但是随着时间的增加，发现原本的单台redis已经不满足要求了，于是就倒腾了一下搭建redistclusterredis集群。好了，话不多说，下面开始展示：...
- 记录处理登录页面显示: HTTP Error 503. The service is unavailable.
-
某天一个系统的登录页面无法显示，显示ServiceUnavailableHTTPError503.Theserviceisunavailable，马上登录服务器上查看IIS是否正常。...
- 黑道圣徒杀出地狱破解版下载 免安装硬盘版
-
游戏名称：黑道圣徒杀出地狱英文名称：SaintsRow:GatOutofHell游戏类型：动作冒险类(ACT)游戏游戏制作：DeepSilverVolition/HighVoltage...
- 一周热门
- 最近发表
- 标签列表
-
- mydisktest_v298 (34)
- document.appendchild (35)
- 头像打包下载 (61)
- acmecadconverter_8.52绿色版 (39)
- word文档批量处理大师破解版 (36)
- server2016安装密钥 (33)
- mysql 昨天的日期 (37)
- parsevideo (33)
- 个人网站源码 (37)
- centos7.4下载 (33)
- mysql 查询今天的数据 (34)
- intouch2014r2sp1永久授权 (36)
- 先锋影音源资2019 (35)
- jdk1.8.0_191下载 (33)
- axure9注册码 (33)
- pts/1 (33)
- spire.pdf 破解版 (35)
- shiro jwt (35)
- sklearn中文手册pdf (35)
- itextsharp使用手册 (33)
- 凯立德2012夏季版懒人包 (34)
- 冒险岛代码查询器 (34)
- 128*128png图片 (34)
- jdk1.8.0_131下载 (34)
- dos 删除目录下所有子目录及文件 (36)