<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>浮点精度 on ZiYang FrontEnd Interview</title><link>https://fe-interview.pangcy.cn/tags/%E6%B5%AE%E7%82%B9%E7%B2%BE%E5%BA%A6/</link><description>Recent content in 浮点精度 on ZiYang FrontEnd Interview</description><generator>Hugo</generator><language>en-us</language><lastBuildDate>Thu, 06 Mar 2025 13:07:39 +0800</lastBuildDate><atom:link href="https://fe-interview.pangcy.cn/tags/%E6%B5%AE%E7%82%B9%E7%B2%BE%E5%BA%A6/index.xml" rel="self" type="application/rss+xml"/><item><title>浮点数精度问题解决方案</title><link>https://fe-interview.pangcy.cn/docs/javascript/javascript-08/</link><pubDate>Tue, 04 Mar 2025 06:58:24 +0000</pubDate><guid>https://fe-interview.pangcy.cn/docs/javascript/javascript-08/</guid><description>&lt;h2 id="考察点分析">考察点分析 &lt;a href="#%e8%80%83%e5%af%9f%e7%82%b9%e5%88%86%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>该问题主要考察候选人以下三个核心维度：&lt;/p>
&lt;ol>
&lt;li>&lt;strong>计算机基础理解&lt;/strong>：IEEE 754双精度浮点数标准的底层存储机制&lt;/li>
&lt;li>&lt;strong>语言特性认知&lt;/strong>：JavaScript数值运算的陷阱与边界处理能力&lt;/li>
&lt;li>&lt;strong>工程实践能力&lt;/strong>：实际场景中处理精度问题的解决方案设计&lt;/li>
&lt;/ol>
&lt;p>具体技术评估点：&lt;/p>
&lt;ul>
&lt;li>二进制浮点数转换误差的形成原理&lt;/li>
&lt;li>尾数位截断与舍入误差的累积效应&lt;/li>
&lt;li>数值比较的容错处理方法&lt;/li>
&lt;li>高精度计算库的应用场景&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="技术解析">技术解析 &lt;a href="#%e6%8a%80%e6%9c%af%e8%a7%a3%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="关键知识点">关键知识点 &lt;a href="#%e5%85%b3%e9%94%ae%e7%9f%a5%e8%af%86%e7%82%b9" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;p>IEEE 754标准 &amp;gt; 二进制分数转换 &amp;gt; 误差累积效应 &amp;gt; 精度解决方案&lt;/p>
&lt;h3 id="原理剖析">原理剖析 &lt;a href="#%e5%8e%9f%e7%90%86%e5%89%96%e6%9e%90" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;p>JavaScript采用IEEE 754双精度格式（64位）：&lt;/p>
&lt;ul>
&lt;li>1位符号位 + 11位指数位 + 52位尾数位&lt;/li>
&lt;li>0.1的二进制表示为无限循环小数 &lt;code>0.0001100110011...&lt;/code>&lt;/li>
&lt;li>存储时进行舍入（Round to nearest, ties to even），导致约&lt;code>1.10011001100110011001101&lt;/code>×2^-4的近似值&lt;/li>
&lt;li>0.1+0.2的运算会产生更大的累积误差，最终结果为&lt;code>0.30000000000000004&lt;/code>&lt;/li>
&lt;/ul>
&lt;h3 id="常见误区">常见误区 &lt;a href="#%e5%b8%b8%e8%a7%81%e8%af%af%e5%8c%ba" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ol>
&lt;li>误认为JS存在计算错误（实为规范限制）&lt;/li>
&lt;li>直接使用&lt;code>toFixed()&lt;/code>进行四舍五入可能引发二次误差&lt;/li>
&lt;li>忽略Number.EPSILON的适用场景（仅适用于极小误差比较）&lt;/li>
&lt;/ol>
&lt;hr>
&lt;h2 id="问题解答">问题解答 &lt;a href="#%e9%97%ae%e9%a2%98%e8%a7%a3%e7%ad%94" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;p>在JavaScript中，0.1 + 0.2 ≠ 0.3的根本原因是IEEE 754双精度浮点数的存储限制。当十进制小数转换为二进制时，0.1和0.2均为无限循环二进制小数，存储时发生尾数截断。两者相加时的误差累积导致结果略大于0.3。&lt;/p>
&lt;p>两种实用解决方案：&lt;/p>
&lt;ol>
&lt;li>&lt;strong>整数转换法&lt;/strong>：将小数转换为整数运算后还原&lt;/li>
&lt;li>&lt;strong>精度容忍比较&lt;/strong>：使用&lt;code>Number.EPSILON&lt;/code>设定误差阈值&lt;/li>
&lt;li>&lt;strong>高精度库&lt;/strong>：使用decimal.js等库实现精确计算&lt;/li>
&lt;/ol>
&lt;hr>
&lt;h2 id="解决方案">解决方案 &lt;a href="#%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="编码示例">编码示例 &lt;a href="#%e7%bc%96%e7%a0%81%e7%a4%ba%e4%be%8b" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>


 
 
 

 
 
 
 

 

 &lt;div class="prism-codeblock ">
 &lt;pre id="a6a0c94" class="language-javascript ">
 &lt;code>// 方案1：整数转换法
function safeAdd(a, b) {
 const multiplier = Math.pow(10, Math.max(a.toString().split(&amp;#39;.&amp;#39;)[1]?.length || 0, b.toString().split(&amp;#39;.&amp;#39;)[1]?.length || 0));
 return (a * multiplier &amp;#43; b * multiplier) / multiplier;
}

// 方案2：容差比较
function isEqual(a, b) {
 return Math.abs(a - b) &amp;lt; Number.EPSILON * 10; // 扩展误差阈值
}

// 方案3：使用decimal.js
import { Decimal } from &amp;#39;decimal.js&amp;#39;;
new Decimal(0.1).plus(new Decimal(0.2)).equals(0.3); // true&lt;/code>
 &lt;/pre>
 &lt;/div>
&lt;h3 id="可扩展性建议">可扩展性建议 &lt;a href="#%e5%8f%af%e6%89%a9%e5%b1%95%e6%80%a7%e5%bb%ba%e8%ae%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;ul>
&lt;li>金融系统建议使用decimal.js库处理货币计算&lt;/li>
&lt;li>高频计算场景优先选择整数转换法&lt;/li>
&lt;li>低端设备注意大数运算的溢出风险（不超过Number.MAX_SAFE_INTEGER）&lt;/li>
&lt;/ul>
&lt;hr>
&lt;h2 id="深度追问">深度追问 &lt;a href="#%e6%b7%b1%e5%ba%a6%e8%bf%bd%e9%97%ae" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h2>&lt;h3 id="如何避免tofixed2在4025时返回402的问题">如何避免toFixed(2)在4.025时返回&amp;quot;4.02&amp;quot;的问题？ &lt;a href="#%e5%a6%82%e4%bd%95%e9%81%bf%e5%85%8dtofixed2%e5%9c%a84025%e6%97%b6%e8%bf%94%e5%9b%9e402%e7%9a%84%e9%97%ae%e9%a2%98" class="anchor" aria-hidden="true">&lt;i class="material-icons align-middle">link&lt;/i>&lt;/a>&lt;/h3>&lt;p>提示：使用银行家舍入法，结合放大系数处理&lt;/p></description></item></channel></rss>