如何在 JavaScript 中向上取整？

在本教程中，我們將討論如何在 JavaScript 中向上取整。JavaScript 的 `Math` 物件中有一個名為 “`ceil`” 的屬性，藉助此屬性，我們可以輕鬆地向上取整。`ceil()` 是一個數學函式，它計算一個大於或等於 x 的整數 x。如果 x 的小數部分為零或是一個簡單的整數，則它返回 x；如果數字是小數 (x.yz，其中 yz 是非零數字)，則它返回 x+1。

語法

var x = A.B
var value = Math.ceil(x);

在上述語法中，我們首先建立一個包含值 “A.B” 的變數 ‘x’，然後我們建立另一個變數 ‘value’，其中我們透過應用 Math.ceil 屬性來向上取整 x 並將其賦值給該變數。

演算法

我們已經看到了向上取整的語法，讓我們一步一步地檢視完整的演算法，以便更好地理解它：

  • 步驟 1 - 首先，我們需要一個變數，它是一個實數，可能包含小數部分，也可能不包含小數部分。

  • 步驟 2 - 稍後我們將對當前數字使用 Math.ceil() 屬性。

  • 步驟 3 - Math.ceil() 函式將返回一個整數，返回值不包含任何小數部分。

  • 步驟 4 - 如果傳遞給 Math.ceil() 函式的數字是一個整數，這意味著它的小數部分為零，則它將返回相同的數字。

  • 步驟 5 - 如果傳遞給 Math.ceil() 函式的數字是一個帶有非零小數部分的數字，則該函式將使其小數部分等於零，並返回下一個整數。

我們已經瞭解瞭如何在 javascript 中向上取整的一些基本步驟，現在讓我們看一些例子，以便更好地理解上述步驟。

示例 1

在這個例子中，我們將使用上面定義的語法來向上取整。

<html>
<head>
   <title>JavaScript Math ceil() Method</title>
</head>
<body>
   <script>
      var x = 4;
      var value1 = Math.ceil( x );
      document.write("First Test Value: " + value1 );

      var y = 30.2;
      var value2 = Math.ceil( y );
      document.write("<br />Second Test Value: " + value2 );

      var z = 2.7;
      var value3 = Math.ceil( z );
      document.write("<br />Second Test Value: " + value3 );
   </script>
</body>
</html>

在上面的例子中，我們將 Math.ceil() 屬性應用於三個不同的變數 x、y 和 z。首先，我們建立變數 ‘x’，它是一個整數，因此當我們將 `Math.ceil` 屬性應用於它並將該值賦給變數 ‘value1’ 時，我們使用 document.write 列印該值，它返回 x。

類似地，我們對變數 y 和 z 也做了同樣的事情。它們都是小數，因此在應用 `Math.ceil` 屬性後，它們分別返回 y+1 和 z+1。

注意 - 與 ceil() 函式類似，我們還有 floor() 函式。顧名思義，ceil 表示上面，floor() 表示地面，它會減少一個數字。如果給定數字是一個具有零小數部分的整數，則與 ceil() 函式一樣，floor() 函式不會執行任何操作，但是如果傳遞的引數數字的小數部分是非零的，則 floor() 函式將刪除小數部分並返回剩餘的整數部分。

示例 2

<html>
<head>
   <title>JavaScript Math floor() Method</title>
</head>
<body>
   <script>
      var x = 4;
      var value1 = Math.floor( x );
      document.write("First Test Value: " + value1 );

      var y = 30.2;
      var value2 = Math.floor( y );
      document.write("<br />Second Test Value: " + value2 );

      var z = 2.7;
      var value3 = Math.floor( z );
      document.write("<br />Second Test Value: " + value3 );
   </script>
</body>
</html>

在上面的例子中，我們將 Math.floor() 屬性應用於三個不同的變數 x、y 和 z。首先，我們建立變數 ‘x’，它是一個整數，因此當我們將 Math.floor 屬性應用於它並將該值賦給變數 ‘value1’ 時，我們使用 document.write 列印該值，它返回 x。

結論

在本教程中，我們學習瞭如何在 JavaScript 中向上取整。JavaScript 中有一個名為 “`Math.ceil`” 的屬性，藉助此屬性，我們可以輕鬆地向上取整。基本上，我們需要向上取整的數字有兩種，即小數和小數。

對於小數，該屬性返回比原始數字大一的數字；對於非小數，它返回與實際數字相同的數字。

更新於：2022年11月7日

830 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告
© . All rights reserved.