学会JS四舍五入这个简单却实用的方法!

作者:临夏淘贝游戏开发公司 阅读:74 次 发布时间:2023-05-15 16:57:12

摘要:  JavaScript 是现代网络开发的基石之一,它在前端和后端的多个领域都居于重要地位。在所有可用的功能中,四舍五入是一种常见且有用的方法,使结果尽可能接近所需的目标。本文将具体介绍 JavaScript 四舍五入及其使用方式。  ## 什么是 JavaScript 四舍五入?  JavaScr...

  JavaScript 是现代网络开发的基石之一,它在前端和后端的多个领域都居于重要地位。在所有可用的功能中,四舍五入是一种常见且有用的方法,使结果尽可能接近所需的目标。本文将具体介绍 JavaScript 四舍五入及其使用方式。

学会JS四舍五入这个简单却实用的方法!

  ## 什么是 JavaScript 四舍五入?

  JavaScript 四舍五入是一种方法,在浮点数操作中使结果接近所需的精度。它使用第二个参数将数字舍入到指定的小数位数,小数点后面的前一位数字是四舍五入处理的标志。

  除此之外, JavaScript 还提供了其他舍入方法,如 Math.floor() 方法将数字向下取整,而 Math.Ceil() 方法将数字向上取整。

  ## 如何使用 JavaScript 四舍五入?

  接下来,我们将具体介绍如何在 JavaScript 中使用四舍五入方法。如下所示,有两个参数:要舍去的数字及要舍入的小数位数。

  ```javascript

  let x = 5.82;

  let y = Math.round(x);

  console.log(y); // 6

  ```

  在上面的代码中,我们将 5.82 四舍五入到最接近的整数 6(假设我们没有指定需要舍入的数字为小数点后第几位)。我们使用了 Math.round() 方法来实现此操作,并输出结果为 6。

  ```javascript

  let x = 5.87;

  let y = Math.round(x * 10) / 10;

  console.log(y); // 5.9

  ```

  在上面的代码中,我们将 5.87 四舍五入到小数点后一位,因为我们将数字乘以 10,所以我们现在需要将结果除以 10,得到 5.9。请注意,我们还可以将数字乘以 100 然后除以 100,以此类推。

  ```javascript

  let x = 5.89;

  let y = Math.round(x * 100) / 100;

  console.log(y); // 5.89

  ```

  在上面的示例中,我们将 x 值四舍五入到小数点后第2位,第一步将 x 值乘以 100 得到 589,然后调用 Math.round() 方法将该数值四舍五入得到 590。最后,我们将 590 除以 100 得到 y 值为 5.9。

  这是 JavaScript 四舍五入最基本的用法,我们使用 Math.round() 方法。当要舍入到小数点后第 n 位时,我们可以先将数字乘以 10 的 n 次方,然后将其除以相同的值,以得到最终的四舍五入结果。

  ## 进一步理解 JavaScript 四舍五入

  虽然 JavaScript 四舍五入看起来很简单,但是却需要在实践中使用起来更深层次的了解,才能使代码更健壮、性能更好。下面是一些在实践中的 JavaScript 四舍五入技巧。

  ### 避免浮点数字相加或相减时出现精度误差

  由于 JavaScript 浮点数的特殊性质,它们具有有限的精度,并且在相加或相减浮点数时,可能会导致意想不到的结果。

  ```javascript

  let x = 0.1 + 0.2;

  console.log(x.toFixed(2)); // "0.30"

  ```

  上述代码中,我们期望结果为 0.3,但结果为 0.30000000000000004。我们可以使用 toFixed() 方法来指定结果应保留的小数位数。由于其原因是获取一个固定位数的结果而非四舍五入,因此不适用于 JavaScript 四舍五入。

  ```javascript

  let x = 0.1 + 0.2;

  let y = Math.round(x * 100) / 100;

  console.log(y); // 0.3

  ```

  上面的代码将数值乘以 100,将 0.1 和 0.2 相加得到 0.3,再将其乘以 100 并使用 Math.round() 将其四舍五入为 30,最后将其除以 100,则可得到一个精确值 0.3。

  ### 数字过大或过小时使用 exponential notation

  当数字太大或太小时,JavaScript 四舍五入也变得困难。例如,当使用 1.23456789e-50(即 1.234… × 10^-50)时,我们想将其四舍五入到小数点后 20 位。如果直接使用 Math.round() 方法,则可能不会起到任何作用。因此,我们需要将其转换为 exponential notation 形式,并使用 toFixed() 方法定位它们。

  ```javascript

  let x = 1.23456789e-50;

  let y = x.toExponential(50);

  console.log(y); // "1.234567890000000080870561320297946e-50"

  ```

  在上述例子中,我们将 1.23456789e-50 转换为浮点数的指数形式,并使用 toFixed() 方法获得固定的小数位数,这样我们就可以像前面的示例那样使用 Math.round() 方法舍入结果。结果为 1.234567890000000080870561320297946e-50。

  ### 舍入前需将数值转换为数字

  注意,在 JavaScript 中四舍五入之前,请确保您的值已正确解析为数字。如果没有正确解析,那么结果可能会与您预期的结果不同。

  ```javascript

  let x = "5.5";

  let y = Math.round(x);

  console.log(y); // NaN

  ```

  由于 “5.5” 不是一个有效的数字,如果我们直接对其调用 Math.round() 方法,就会出现问题。因此,我们应该首先调用 parseFloat() 或 Number() 方法将其转换为数字。

  ```javascript

  let x = "5.5";

  let y = Math.round(parseFloat(x));

  console.log(y); // 6

  ```

  在上面的代码中,我们使用 parseFloat() 方法将字符串转换为数字,然后使用 Math.round() 方法舍入结果。

  ### JavaScript 四舍五入的应用

  JavaScript 四舍五入有许多实际应用场景。例如,它可以在购物车应用程序中实现合计金额,或者在温度计应用程序中将摄氏度舍入到华氏度。

  ```javascript

  let celsius = 25.67;

  let fahrenheit = Math.round(celsius * 9/5 + 32);

  console.log(fahrenheit); // 78

  ```

  再比如,在计算器应用程序中,我们需要将小数值四舍五入到所需位数,以便获得更精确的结果。

  ```javascript

  let digit1 = 0.18;

  let digit2 = 0.64;

  let result = Math.round((digit1 + digit2) * 100) / 100;

  console.log(result); // 0.82

  ```

  在上面的代码块中,我们将小数点后的数字乘以 100 并调用 Math.round()方法来四舍五入数值,然后将其除以 100,得到小数值 0.82,这一步得到的数据非常接近我们需要的精度。

  ## 总结

  这里我们解释的是 JavaScript 四舍五入,因此需要有效的机制来关闭非精确计算之后的保留点,以便于可预测和可靠的应用程序。如此,您可以消除计算上的误差,并轻松地呈现出最终值。由于 JavaScript 是一种多功能语言,因此我们需要合理利用它提供的方法来实现我们的思路。在实践过程中,您可以使用这些技术来确保您的 JavaScript 代码更加严谨和健壮,从而为您的实践提供帮助。

  • 原标题:学会JS四舍五入这个简单却实用的方法!

  • 本文链接:https://qipaikaifa1.com/tb/3017.html

  • 本文由临夏淘贝游戏开发公司小编,整理排版发布,转载请注明出处。部分文章图片来源于网络,如有侵权,请与淘贝科技联系删除。
  • 微信二维码

    CTAPP999

    长按复制微信号,添加好友

    微信联系

    在线咨询

    点击这里给我发消息QQ客服专员


    点击这里给我发消息电话客服专员


    在线咨询

    免费通话


    24h咨询☎️:189-2934-0276


    🔺🔺 棋牌游戏开发24H咨询电话 🔺🔺

    免费通话
    返回顶部