如何在 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+ 次瀏覽

啟動您的 職業生涯

完成課程獲得認證

開始
廣告
© . All rights reserved.