如何理解 JavaScript 中的递归?

如何理解 javascript 中的递归?

什么是递归?

递归一词来自recurring,意思是一次又一次地回到过去。递归函数是通过一步步改变输入来一次又一次调用自身的函数。这里,将输入改变一级意味着将输入减少或增加一级。

每当递归函数达到基本条件时,它就会停止自身的执行。让我们通过一个例子来理解什么是基本条件。例如,我们需要求一个数的阶乘。我们通过将输入减 1 来调用阶乘函数,并且每当输入达到 1 时就需要停止。因此,这里 1 作为基本条件。

语法

用户可以使用下面的语法来理解 JavaScript 中的递归。

function recur(val) {   if (base condition) {      return;   }      // perform some action      // decrease the value of val by one step   return recur(newVal);}

在上面的语法中,用户可以观察到当基本条件变为 true 时我们返回 null 以停止函数的执行。如果基本条件为 false,我们将使用输入值执行某些操作,并使用新的参数值再次调用 recur() 函数。

立即学习“Java免费学习笔记(深入)”;

现在,让我们看一下递归的各种示例。在这里,我们将学习首先使用 for 循环实现迭代算法,然后将其转换为递归方法。

示例 1(使用 for 循环求 1 到 n 个数字的和)

在下面的示例中,我们编写了 sumOfN() 函数来获取 1 到 N 个数字的总和。我们使用 for 循环进行了 N 次迭代,并且在每次迭代中,我们将 I 的值添加到 sum 变量中。

最后返回sum变量的值。

   

Using the iterative approach to find sum of n numbers in JavaScript

let content = document.getElementById('content'); // function to find the sum of n numbers using an iterative approach function sumOfN(n) { let sum = 0; for (let i = n; i >= 1; i--) { sum += i; } return sum; } content.innerHTML += "The sum of 1 to 10 numbers is " + sumOfN(10) + "
"; content.innerHTML += "The sum of 1 to 20 numbers is " + sumOfN(20) + "
";

在上面的示例中,我们使用迭代方法来求 N 个数字的总和。现在,我们将使用递归方法来做同样的事情。

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版 动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版 508 查看详情 动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

示例 2(使用递归函数求 1 到 n 个数字的和)

sumOfN() 函数是下面示例中的递归函数。我们通过将参数的值减 1 来重复调用 sumOfN() 函数。 sumOfN(N1) 返回 N-1 个数字的总和,我们将 N 添加到它以获得 N 个数字的总和。每当 N 的值变为 1 时,它就会返回 1,这作为停止函数执行的基本条件。

   

Using the recursive approach to find sum of n numbers in JavaScript

let content = document.getElementById('content'); // function to find the sum of n numbers using a recursive approach function sumOfN(n) { // base condition if (n == 1) { return 1; } // call function recursively by decreasing the value of n by 1. return n + sumOfN(n - 1); } content.innerHTML += "The sum of 1 to 10 numbers is " + sumOfN(10) + "
"; content.innerHTML += "The sum of 1 to 20 numbers is " + sumOfN(20) + "
";

让我们了解一下上面的递归函数是如何工作的。下面,用户可以逐步了解递归函数调用是如何发生的。

sumOfN(5);return 5 + sumOfN(4);   return 4 + sumOfN(3);      return 3 + sumOfN(2);         return 2 + sumOfN(1);            return 1;         return 2 + 1;      return 3 + 3;   return 4 + 6; 

示例 3(合并数组所有字符串的迭代方法)

在下面的示例中,我们创建了字符串数组。我们创建了 mergeString() 函数来将数组的所有字符串合并为一个字符串。我们使用 for 循环遍历数组,并将所有字符串一一合并到“str”变量中。

   

Using the iterative approach to merge all strings of the array in JavaScript

let content = document.getElementById('content'); // function to merge all strings of the array using for loop function mergeString(arr) { let str = ''; for (let i = 0; i < arr.length; i++) { str += arr[i]; } return str; } let arr = ['I', ' ', 'am', ' ', 'a', ' ', 'programmer']; content.innerHTML += "The original array is: " + arr + "
"; content.innerHTML += "After merging all strings of the array into the single string is " + mergeString(arr) + "
";

示例 4(合并数组所有字符串的递归方法)

在下面的示例中,我们已将 mergeString() 函数转换为递归函数。我们获取数组的第一个元素,并将其与 mergeString() 函数的返回结果合并。 mergeString() 函数返回合并后的最后 n-1 个数组元素。此外,我们使用 slice() 方法从数组中删除第一个元素。

当数组中只剩下一个元素时,它返回相同的元素,该元素作为基本条件。

   

Using the Recursive approach to merge all strings of the array in JavaScript

let content = document.getElementById('content'); // function to merge all strings of the array using recursion function mergeString(arr) { // based condition if (arr.length == 1) { return arr[0]; } // remove the first element from the array using the slice() method. return arr[0] + " " + mergeString(arr.slice(1)); } let arr = ["I", "am", "a", "web", "developer"]; content.innerHTML += "The original array is: " + arr + "
"; content.innerHTML += "After merging all strings of the array into the single string is " + mergeString(arr) + "
";

用户应该使用哪种方法,迭代还是递归?

主要问题是哪种方法更好,迭代还是递归,以及用户应该使用哪种方法。

在某些情况下,迭代方法比递归方法更快。此外,递归在迭代过程中需要更多的内存。对于某些算法(例如分治法),递归更有用,因为我们需要使用递归方法编写更少的代码。此外,如果递归方法中未触发基本条件,用户可能会面临内存泄漏问题。

如果我们可以将代码分解成更小的部分,我们应该使用递归方法,而为了提高代码的性能,我们应该使用迭代方法。

以上就是如何理解 JavaScript 中的递归?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/832023.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Sublime搭配Figma实现视觉还原开发_边看设计图边写页面结构
上一篇 2025年11月27日 08:33:31
分析Linux ttyload工具的功能和特性
下一篇 2025年11月27日 08:33:40

相关推荐

  • 怎样实现一个基于 JavaScript 的简单搜索引擎?

    答案是基于JavaScript实现轻量级搜索引擎,通过预加载JSON数据、使用filter进行文本匹配,并支持多关键词与权重排序,结合输入事件实时展示结果。 实现一个基于 JavaScript 的简单搜索引擎,核心是文本匹配和快速检索。不需要复杂的后端或数据库,适合静态网站或小型应用。关键思路是:预…

    2026年8月31日
    000
  • mysql workbench是什么意思

    mysql workbench是管理MySQL数据库工具的意思,是一款专门为mysql设计的集成化桌面软件;该软件同时具有开源社区版和收费商业版两个版本,主要用于设计和创建新的数据库图示、建立数据库文档以及进行复杂的mysql迁移。 本教程操作环境:windows10系统、mysql8.0.22版本…

    2026年8月31日
    200
  • Java Optional.filter方法使用技巧

    Optional.filter用于条件筛选,值存在且满足条件时返回原值封装,否则返回空;可与map等链式调用,实现安全简洁的嵌套数据提取与校验。 Java 中的 Optional.filter 方法是一个非常实用的工具,用于在不破坏 Optional 封装的前提下,对内部值进行条件判断。如果值存在且…

    2026年8月31日
    000
  • mysql怎么增加唯一索引

    在mysql中,可以利用“create unique index 索引名称 on 表名(字段名称)”语句增加唯一索引;唯一索引与普通索引类似,唯一的区别是添加唯一索引的值必须是唯一的,允许有空值,若是组合索引,则列值的组合必须唯一。 本教程操作环境:windows10系统、mysql8.0.22版本…

    2026年8月31日
    000
  • MySQL百万级数据日期查询慢?如何优化日期查询效率?

    MySQL百万级数据日期查询效率提升策略 在处理包含百万级数据的MySQL数据库时,日期查询的性能优化至关重要。本文将通过一个实际案例分析,深入探讨如何提升日期查询效率。 案例分析: 用户使用名为bns_pm_scanhistory_month的表(约100万条数据),其中scantime字段为da…

    2026年8月31日
    100
  • mysql怎么查询某天的数据

    方法:1、用“date_format”函数,语法“where date_format(date,’%Y-%m-%d’)=’年-月-日’”;2、用datediff函数,语法“WHERE(datediff(time,’年-月-日’)…

    2026年8月31日
    000
  • MySQL视图设计与封装实践_Sublime辅助构建复用查询逻辑

    MySQL视图设计与封装实践_Sublime辅助构建复用查询逻辑MySQL视图设计与封装实践_Sublime辅助构建复用查询逻辑MySQL视图设计与封装实践_Sublime辅助构建复用查询逻辑MySQL视图设计与封装实践_Sublime辅助构建复用查询逻辑

    mysql视图设计与封装的核心在于抽象与复用,通过将复杂查询逻辑封装为虚拟表,简化数据访问并提升维护效率。1. 视图应明确职责,解决特定数据访问问题,如同函数需清晰输入输出;2. 识别可复用逻辑,如多表关联、聚合计算等复杂查询;3. 定义清晰的视图结构,使用明确列名和数据类型;4. 使用create…

    2026年8月31日 用户投稿
    100
  • mysql怎样查询数据出现的次数

    在mysql中,可以利用select语句配合group by和count查询数据出现的次数,count能够返回检索数据的数目,语法为“select 列名,count(*) as count from 表名 group by 列名”。 本教程操作环境:windows10系统、mysql8.0.22版本…

    2026年8月31日
    000
  • Mysql怎么查询日志路径

    Mysql怎么查询日志路径Mysql怎么查询日志路径Mysql怎么查询日志路径Mysql怎么查询日志路径

    方法:1、“show variables like ‘log_error’”查询错误日志;2、“…like ‘general_log_file’”查询日志;3、“…like ‘slow_query_log_file’”查询慢日志。 本教程操作环境:windows10系统、my…

    2026年8月31日 用户投稿
    100
  • 如何解决Doctrine查询中的复杂日期和字符串处理问题?使用oro/doctrine-extensions可以!

    可以通过一下地址学习composer:学习地址 在开发一个基于doctrine的项目时,我遇到了一个棘手的问题:需要在dql(doctrine query language)中处理复杂的日期和字符串操作。由于doctrine本身的dql函数库有限,无法满足项目中对日期格式化、时间差计算、字符串拼接等…

    用户投稿 2026年8月31日
    000
  • mysql中有哪些权限

    mysql中有哪些权限mysql中有哪些权限mysql中有哪些权限mysql中有哪些权限

    mysql的权限:1、全局权限,适用于服务器中的所有数据库,存储在“mysql.user”中;2、数据库权限,适用于数据库中的所有目标,存储在“mysql.db”和“mysql.host”中;3、表权限,适用于表中的所有列;4、列权限等等。 本教程操作环境:windows10系统、mysql8.0.…

    2026年8月31日 用户投稿
    200
  • mysql怎么删除唯一索引

    删除方法:1、利用alter table语句删除,语法为“alter table 数据表名 drop index 要删除的索引名;”;2、利用drop index语句删除,语法为“drop index 要删除的索引名 on 数据表名;”。 本教程操作环境:windows10系统、mysql8.0.2…

    2026年8月31日
    000
  • mysql自增id不连续怎么办

    在mysql中,可用“AUTO_INCREMENT”解决自增id不连续的问题,“AUTO_INCREMENT”用于设置主键的自动增长,只需将id的自增长设置为1即可,语法为“ALTER TABLE 表名 AUTO_INCREMENT=1”。 本教程操作环境:windows10系统、mysql8.0.…

    2026年8月31日
    100
  • mysql怎么查询当前登录的用户

    方法:1、用USER()函数,可返回连接的当前用户名和主机名,语法“select user()”;2、用“currrent_user()”函数,可显示当前登陆用户对应在user表中的一个,语法“select current_user()”。 本教程操作环境:centos 7系统、mysql8.0.2…

    2026年8月31日
    200
  • 图文详解mysql架构原理

    图文详解mysql架构原理图文详解mysql架构原理图文详解mysql架构原理图文详解mysql架构原理

    本篇文章给大家带来了关于mysql的相关知识,其中主要介绍了关于架构原理的相关内容,mysql server架构自顶向下大致可以分网络连接层、服务层、存储引擎层和系统文件层,下面一起来看一下,希望对大家有帮助。 推荐学习:mysql视频教程 Mysql 架构原理 1、Mysql体系架构 MySQL …

    2026年8月31日 用户投稿
    000
  • mysql怎么去掉第一个字符

    方法:1、利用right函数,语法为“update 表名 set 指定字段 = right(指定字段, length(指定字段)-1)…”;2、利用substring函数,语法为“select substring(指定字段,2)..”。 本教程操作环境:windows10系统、mysql…

    2026年8月31日
    000
  • mysql怎么查询所有表及注释

    在mysql中,可以利用“select TABLE_NAME,TABLE_COMMENT from INFORMATION_SCHEMA.Tables where table_schema = ‘数据库名称’”语句查询所有表及注释。 本教程操作环境:windows10系统、m…

    2026年8月31日
    100
  • WPF 使用 Composition API 做高性能渲染

    在 wpf 中,许多开发者会遇到渲染性能的问题。尽管 wpf 的渲染性能比浏览器渲染要高出不少,但仍然无法满足游戏级别的渲染需求。wpf 使用的 directx 版本仅优化到 9 级别,与 directx 9 的性能相当。鉴于开发者的需求,微软推出了现代渲染方法——composition api,这…

    2026年8月31日
    100
  • VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程VSCode怎么贴小图_VSCode插入图片与Markdown图片预览教程

    答案:在VSCode中插入Markdown图片需使用语法,路径推荐用相对路径,预览依赖内置功能或扩展;可通过HTML 标签调整大小,常见问题为路径错误,建议使用Paste Image等扩展提升效率,高级效果如图文混排需结合HTML与CSS,但需注意平台兼容性。 VSCode中插入图片,特别是Mark…

    2026年8月31日 用户投稿
    000
  • mysql怎么修改字段允许为空

    在mysql中,可以利用alter table语句配合modify修改字段允许为空,modify用于修改表中字段的数据长度、数据类型以及字段的约束条件,语法为“alter table表名 modify字段名字段类型(长度) null;”。 本教程操作环境:windows10系统、mysql8版本、D…

    2026年8月31日
    100

发表回复

登录后才能评论
关注微信