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 次浏览

启动您的职业生涯

完成课程后获得认证

开始
广告