在前端开发中，我们经常需要进行数值比较，而在 JavaScript 中，由于浮点数的精度问题，直接使用等于号（==）或严格等于号（===）进行比较可能会出现意料之外的结果。因此，我们需要使用一些工具或库来帮助我们进行数值比较，其中 Chai 断言库是一个非常常用的工具，它提供了丰富的比较方法来满足我们的需求。本文将介绍如何在使用 Chai 断言库时，精准比较小数和浮点数。
为什么需要精准比较小数和浮点数
在 JavaScript 中，浮点数采用 IEEE 754 标准进行表示，由于二进制无法精确表示一些十进制小数，因此在进行运算时会出现精度损失的问题，例如：
--- - --- -- -------------------
上述代码中，0.1 和 0.2 都无法被二进制精确表示，因此在进行加法运算时，会出现精度损失的问题，导致结果不是我们期望的 0.3。
如果我们直接使用等于号进行比较，可能会出现以下问题：
--- - --- --- --- -- -----
上述代码中，由于精度问题，0.1 + 0.2 的结果不是 0.3，因此使用等于号进行比较时，会得到一个错误的结果。
因此，我们需要使用一些工具或库来帮助我们进行数值比较，以避免出现精度问题。
使用 Chai 断言库进行数值比较
Chai 断言库提供了多种数值比较方法，包括等于、大于、小于、大于等于、小于等于等，其中包括一些专门用于比较小数和浮点数的方法，例如 closeTo、approximately 等。
closeTo 方法
closeTo 方法用于比较一个数是否在某个范围内，其接受两个参数，第一个参数是要比较的数，第二个参数是一个范围，表示允许的误差值。
例如，我们可以使用 closeTo 方法来比较两个数是否相等：
----- ------ - ----------------------- ------------------ - ---- ---- --------
上述代码中，第一个参数是要比较的数，即 0.1 + 0.2 的结果，第二个参数是期望的值，即 0.3，第三个参数是允许的误差值，即 0.0001，表示要求两个数的差值小于等于 0.0001。
如果两个数的差值小于等于允许的误差值，closeTo 方法会返回 true，否则返回 false。
approximately 方法
approximately 方法也用于比较一个数是否在某个范围内，其接受两个参数，第一个参数是要比较的数，第二个参数是一个范围，表示允许的误差值的百分比。
例如，我们可以使用 approximately 方法来比较两个数是否相等：
----- ------ - ----------------------- ------------------------ - ---- ---- --------
上述代码中，第一个参数是要比较的数，即 0.1 + 0.2 的结果，第二个参数是期望的值，即 0.3，第三个参数是允许的误差值的百分比，即 0.0001，表示要求两个数的差值小于等于 0.0001 的百分比。
如果两个数的差值小于等于允许的误差值的百分比，approximately 方法会返回 true，否则返回 false。
示例代码
下面是一个示例代码，演示了如何使用 Chai 断言库来比较小数和浮点数：
----- ------ - -----------------------
---------------- ------------ -- -- -
---------- ------- ------- ---- ------- -------- -- -- -
------------------ - ---- ---- --------
---
---------- ------- ------- ---- ------------- -------- -- -- -
------------------------ - ---- ---- --------
---
---上述代码中，我们使用 describe 和 it 函数来定义测试用例，使用 assert.closeTo 和 assert.approximately 方法来进行数值比较，其中 closeTo 方法要求两个数的差值小于等于 0.0001，approximately 方法要求两个数的差值小于等于 0.0001 的百分比。
总结
在 JavaScript 中，由于浮点数的精度问题，直接使用等于号进行数值比较可能会出现意料之外的结果，因此我们需要使用一些工具或库来帮助我们进行数值比较。Chai 断言库提供了丰富的比较方法来满足我们的需求，其中包括一些专门用于比较小数和浮点数的方法，例如 closeTo、approximately 等。在使用 Chai 断言库进行数值比较时，我们需要注意设置允许的误差值或误差值的百分比，以获得更加精准的比较结果。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660d56aed10417a222dadcbb