如何在 JavaScript 中获取四舍五入到最接近整数的数值?


在本教程中,我们将学习如何在 JavaScript 中获取四舍五入到最接近整数的数值。

在 JavaScript 中,可以通过不同的方法找到数字的最接近整数。在本教程中,我们将看到两种最常用的方法:

  • 使用 Math.round() 方法

  • 不使用 Math.round() 方法

四舍五入是指从该数字中取最接近的整数值。当您需要一个近似值来简化计算时,它在数学计算中非常有用。

例如:如果您有一个像 0.9999999 这样的数字,那么将其用于乘法或除法之类的数学计算可能是一件具有挑战性的事情。因此,我们将数字四舍五入到最接近的整数以简化计算。在这种情况下,0.9999999 最接近的数字是 1,因此我们在计算中使用 1 代替 0.9999999。

使用 Math.round() 方法

在 JavaScript 中,Math.round() 方法可用于将数字四舍五入到最接近的整数。它接受一个变量作为参数,该参数应为数字,并返回该数字最接近的整数。否则,如果参数为空或变量是非数值,则返回 NaN,表示“非数字”。请看下面的例子。

// For Positive numbers Math.round(2.2) // 2 Math.round(2.7) // 3 Math.round(2.5) // 3 // For Negative numbers Math.round(-2.2) // -2 Math.round(-2.7) // -3 Math.round(-2.5) // -2 // For empty argument or Non-numeric value Math.round() // NaN Math.round('abcd') // NaN

语法

用户可以按照以下语法使用 Math.round() 方法获取四舍五入到最接近整数的数值。

Math.round(number)

参数

  • number − 它接受一个应为数字的变量。

返回类型

  • 给定数字四舍五入后的最接近整数

  • NaN − 如果参数为空或为非数值。

示例

在下面的示例中,我们使用 Math.round() 方法获取四舍五入到最接近整数的数值。我们使用了不同的值来观察 Math.round() 方法的输出。

<html> <body> <h3>Get the value of a number rounded to the nearest integer using <i>Math.round()</i> method in JavaScript</h3> <div id="root"></div> <script> let number1 = 2.1 let number2 = 2.6 let number3 = 2.5 let number4 = -2.5 let number5 = -2.51 let text = 'abcd' let root = document.getElementById('root') root.innerHTML ='The number ' +number1 +' rounded to the nearest integer: ' +Math.round(number1) + '<br>' root.innerHTML +='The number ' +number2 +' rounded to the nearest integer: ' +Math.round(number2) + '<br>' root.innerHTML +='The number ' +number3 +' rounded to the nearest integer: ' +Math.round(number3) + '<br>' root.innerHTML +='The number ' +number4 +' rounded to the nearest integer: ' +Math.round(number4) + '<br>' root.innerHTML +='The number ' +number5 +' rounded to the nearest integer: ' +Math.round(number5) + '<br>' root.innerHTML +='The text ' +text +' rounded to the nearest integer: ' +Math.round(text) + '<br>' </script> </body> </html>

在上面的输出中,用户可以看到 Math.round() 方法返回数字四舍五入后的最接近整数,对于非数值,它返回 NaN。

不使用 Math.round() 方法

也可以不使用 Math.round() 方法,而使用简单的计算和 parseInt() 方法来找到四舍五入到最接近整数的数字。

parseInt() 方法接受字符串或任何数字并将其转换为整数;如果字符串是非数值,则返回 NaN。

语法

function round(number) {

   // positive number
   if (number > 0) {
      number = number + 0.5
   }
   
   // negative number
   else if (number < 0) {
      number = number - 0.5
   }
   return parseInt(number)
}

算法

步骤 1 − 声明一个函数并接受一个数字作为参数。

步骤 − 如果数字为正,则加上 0.5;如果数字为负,则减去 0.5。

步骤 − 使用 parseInt() 并将数字传递给该方法,然后返回值。

注意 此算法对于数字 -2.5 返回 -3,而 Math.round(-2.5) 返回 -2。所有小数部分为 .5 的数字都一样

示例

在下面的示例中,我们不使用 Math.round() 方法来查找四舍五入到最接近整数的数值。我们使用了不同的值来观察输出。

<html> <body> <h4>Get the value of a number rounded to the nearest integer without using<i> Math.round() </i> method in JavaScript</h4> <div id = "root"> </div> <script> let number1 = 2.1 let number2 = -2.6 let number3 = 2.5 let text = 'abcd' function round(number) { if (number > 0) { number = number + 0.5 } else if (number < 0) { number = number - 0.5 } return parseInt(number) } let root = document.getElementById('root') root.innerHTML ='The number ' +number1 +' rounded to the nearest integer: ' + round(number1) + '<br>' root.innerHTML +='The number ' +number2 +' rounded to the nearest integer: ' +round(number2) + '<br>' root.innerHTML +='The number ' +number3 +' rounded to the nearest integer: ' +round(number3) + '<br>' root.innerHTML +='The text ' +text +' rounded to the nearest integer: ' +round(text) + '<br>' </script> </body> </html>

在上面的输出中,用户可以看到 round 方法返回四舍五入后的最接近整数值。

我们学习了如何在 JavaScript 中使用和不使用 Math.round() 方法来获取四舍五入到最接近整数的数值。第一种方法是标准方法,第二种方法仅当用户不想使用 Math.round() 时才可以使用。建议使用 Math.round(),因为它是一个内置的 JavaScript 方法。

更新于:2022年9月14日

1K+ 次浏览

启动您的 职业生涯

完成课程获得认证

开始
广告