JavaScript 遞迴示例：降序顯示數字？

本文的任務是使用遞迴以降序顯示數字。讓我們透過檢視輸入輸出場景來了解任務。

輸入輸出場景

讓我們來看一個輸入輸出場景，其中有一個輸入數字，我們需要從給定數字到 1 列印降序數字。

Input = 10;
Output = 10 9 8 7 6 5 4 3 2 1

什麼是遞迴？

函式呼叫自身的過程稱為遞迴。呼叫自身的函式稱為遞迴函式。

語法

以下是 JavaScript 中遞迴函式的語法：

function recursion() {
   // code
   recursion()
   // code
}
recursion();

  • 如果遞迴函式沒有停止呼叫自身的條件，它將無限次呼叫。

  • 當滿足條件時，函式將停止呼叫自身。這稱為基本條件。

  • 為了避免函式無限次呼叫，我們可以使用條件語句（例如 if-else、while）。其中一個條件將呼叫遞迴函式，另一個條件則不會。

現在讓我們逐一檢視示例，在這些示例中，我們使用 JavaScript 中的遞迴函式以降序顯示數字。

示例 1

在下面的示例中：

  • 我們透過遞迴函式以降序顯示數字。

  • 除非輸入數字小於或等於 0，否則遞迴函式將呼叫自身。

  • 當數字小於或等於 0 時，函式將停止。

<!DOCTYPE html>
<html>
<head>
   <title>Display numbers in Descending order</title>
   <button onClick="rec()">Display numbers in descending</button>
</head>
<body>
   <script>
      function rec() {
         var number = 10;
         function DescendingOrder(number) {
            if (number <= 0) {
               return;
            } else {
               document.write(number, "<br>");
               DescendingOrder(number - 1);
            }
         }
         DescendingOrder(number);
      };
   </script>
</body>
</html>

正如我們在輸出中看到的，我們給出的輸入數字是 10，遞迴函式會一直呼叫自身，直到數字小於或等於 0。

示例 2

在下面的示例中，我們透過遞迴函式實現了以降序顯示數字的任務。

<!DOCTYPE html>
<html>
<head>
   <title>Display numbers in Descending order</title>
</head>
<body>
   <script>
      var numb = 15;
      function DescendingOrder(numb) {
         document.write(numb, "<br>");
         var Number = numb - 1;
         if (Number <= 0) {
            return;
         } else {
            DescendingOrder(Number);
         }
      };
      DescendingOrder(numb);
   </script>
</body>
</html>

在輸出中，我們使用遞迴函式列印了降序的數字。

示例 3

在下面的示例中，我們使用遞迴函式中的 while 條件以降序列印數字。

<!DOCTYPE html>
<html>
<head>
   <title>Display numbers in Descending order</title>
   <button onClick="rec()"> Click! </button>
</head>
<body>
   <script>
      function rec() {
         const number = 10

         function DescendingOrder(number) {
            let i = 0;
            while (number > i) {
               document.write(number + "<br>");
               number--;
            }
         }
         DescendingOrder(number);
      };
   </script>
</body>
</html>

遞迴函式中的 while 條件以降序顯示數字。

更新於：2022年11月8日

828 次瀏覽

啟動您的職業生涯

完成課程後獲得認證

開始
廣告