JavaScript 中递归示例显示数字是否按降序排列?
javascriptweb developmentfront end technology更新于 2024/8/18 2:47:00
在本文中，给定的任务是使用递归按降序显示数字。让我们通过研究输入输出场景来了解该任务。
输入输出场景
让我们研究一个输入输出场景，其中有一个输入数字，我们需要按从给定数字到 1 的降序顺序打印数字。
输入 = 10; 输出 = 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 条件是按降序显示数字。
