面试工具包:递归

面试工具包:递归

一遍又一遍地调用自己,但每次调用都变得更简单——简而言之,这就是递归!这是一个非正式的定义,但它完美地抓住了本质。

虽然我上一篇关于滑动窗口的文章的自然后续内容是两指针模式,但我们走了一点弯路。为什么?有时,处理稍微不同的概念实际上可以使学习变得更容易:

1) 它为大脑提供了一些工作的多样性。
2) 让我们面对现实吧,在事情开始变得模糊之前,我们只能进行这么多的数组操作!

另外,在深入研究二叉树之前,递归是必须了解的,所以本文将重点讨论它。别担心——双指针模式和树的介绍即将推出。我们只是战略性地停留以保持新鲜感!

递归101

递归是建立直觉比记住定义更重要的概念之一。关键的想法是什么? 重复并使问题逐渐变得更简单

那么,什么是递归呢?

递归就是在一个问题上一遍又一遍地重复一个过程,但每次重复,问题都会变得更简单,直到达到无法再简化的程度 – 这称为基本情况.

让我们用一些基本规则来分解它。

规则一:问题必须变得更小

在每次迭代中,问题的规模或复杂性都应该减少。想象一下从一个正方形开始,每一步都会缩小它。

注意:如果您得到的是随机形状而不是较小的正方形,则它不再是递归过程,更简单的问题是较大问题的较小版本。

规则 2:必须有一个基本情况

基本情况是问题最简单、最琐碎的版本——不需要进一步递归的点。如果没有这个,函数将永远不断地调用自身,从而导致堆栈溢出

示例:倒计时

假设您有一个简单的问题:从 x 倒数到 0。这不是一个现实世界的问题,但它很好地说明了递归。

function count(x) {  // base case  if (x == 0) {    return 0;  }  // recursive call: we simplify the problem by reducing x by 1  count(x - 1);  // will only run during the bubbling up // the first function call to run is the one before base case backwards// the printing will start from 1....  console.log(x)}

在此示例中,调用 count(10) 将触发一系列递归调用,每个递归调用都会通过减 1 来简化问题,直到达到基本情况 0。一旦达到基本情况,函数就会停止调用自身并递归“冒泡”,意味着之前的每个调用都以相反的顺序完成执行

递归树示例

这是递归调用如何与 count(3) 配合使用的 ascii 表示:

count(3)   |   +-- count(2)        |        +-- count(1)             |             +-- count(0)                 (base case: stop here)

任何从 count(0) 返回的 都会“冒泡”到 count(1) … 直到 count 3。

所以它是由最简单的基本情况组合而成的!.

更多问题!

递归示例

还记得直觉部分吗?解决的递归问题越多越好,这是经典递归问题的快速概述。

阶乘

数字 n 的阶乘是所有小于或等于 n 的正整数的乘积。

const factorialrecursive = num => {    if(num === 0) {        return 1;    }    return num * factorialrecursive(num - 1);}

视觉

阶乘递归(5)

factorialrecursive(5)│├── 5 * factorialrecursive(4)│     ││     ├── 4 * factorialrecursive(3)│     │     ││     │     ├── 3 * factorialrecursive(2)│     │     │     ││     │     │     ├── 2 * factorialrecursive(1)│     │     │     │     ││     │     │     │     ├── 1 * factorialrecursive(0)│     │     │     │     │     ││     │     │     │     │     └── returns 1│     │     │     │     └── returns 1 * 1 = 1│     │     │     └── returns 2 * 1 = 2│     │     └── returns 3 * 2 = 6│     └── returns 4 * 6 = 24└── returns 5 * 24 = 120

注意之前计算的答案是如何冒泡的,2 * factorialrecursive(1) 的答案冒泡成为 3 * factorialrecursive(2) 的参数,依此类推…

斐波那契

一个递归函数,返回斐波那契数列中的第 n 个数字,其中每个数字都是前两个数字的总和,从 0 和 1 开始。

const fibonacci = num => {    if (num <= 1) {        return num;    }    return fibonacci(num - 1) + fibonacci(num - 2);}

视觉

斐波那契(4)

fibonacci(4)│├── fibonacci(3)│     ├── fibonacci(2)│     │     ├── fibonacci(1) (returns 1)│     │     └── fibonacci(0) (returns 0)│     └── returns 1 + 0 = 1│├── fibonacci(2)│     ├── fibonacci(1) (returns 1)│     └── fibonacci(0) (returns 0)└── returns 1 + 1 = 2a bit tricky to visualize in ascii (way better in a tree like structure)

这就是它的工作原理:

斐波那契(4)调用斐波那契(3)和斐波那契(2)。斐波那契(3) 分解为:fibonacci(2) → 这分为 fibonacci(1)(返回 1)和 fibonacci(0)(返回 0)。它们的和是 1 + 0 = 1。斐波那契(1) → 返回 1.因此,fibonacci(3) 返回 1(来自 fibonacci(2))+ 1(来自 fibonacci(1))= 2。斐波那契(2)再次分解:斐波那契(1) 返回 1.斐波那契(0) 返回 0.它们的和是 1 + 0 = 1。最后,fibonacci(4) 返回 2(来自 fibonacci(3))+ 1(来自 fibonacci(2))= 3。

优化挑战:如果您在可视化中注意到 fib(2) 的计算结果是相同答案的两倍,我们可以做些什么吗?缓存?想象一下重复的大问题!

求和数组

编写一个递归函数来求数组中所有元素的总和。

  const sumarray = arr => {    if(arr.length == 0){        return 0    }    return arr.pop() + sumarray(arr)}

视觉

sumarray([1, 2, 3, 4])

sumarray([1, 2, 3, 4])│├── 4 + sumarray([1, 2, 3])│     ││     ├── 3 + sumarray([1, 2])│     │     ││     │     ├── 2 + sumarray([1])│     │     │     ││     │     │     ├── 1 + sumarray([])│     │     │     │     ││     │     │     │     └── returns 0│     │     │     └── returns 1 + 0 = 1│     │     └── returns 2 + 1 = 3│     └── returns 3 + 3 = 6└── returns 4 + 6 = 10

这涵盖了基础知识,解决的问题越多在递归方面就越好。

我将在下面留下一些挑战:

实践挑战

检查回文:编写一个递归函数来检查给定的字符串是否是回文(向后读取与向前读取相同)。

console.log(ispalindrome("racecar")); // expected output: trueconsole.log(ispalindrome("hello"));   // expected output: false

反转字符串:编写一个递归函数来反转给定的字符串。

console.log(reversestring("hello")); // expected output: "olleh"console.log(reversestring("world")); // expected output: "dlrow"

检查排序数组:编写一个递归函数来检查给定的数字数组是否按升序排序。

console.log(isSorted([1, 2, 3, 4]));    // Expected output: trueconsole.log(isSorted([1, 3, 2, 4]));    // Expected output: false

递归就是练习和建立肌肉记忆。你解决的问题越多,它就会变得越直观。不断用新问题挑战自己!

如果您想要更多独家内容,可以在 twitter 或 ko-fi 上关注我,我会在那里发布一些额外的内容!

以上就是面试工具包:递归的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 13:45:28
下一篇 2025年12月19日 13:45:42

相关推荐

  • 使用递归渲染HTML列表:JavaScript教程

    本文将深入探讨如何使用JavaScript递归函数来动态渲染嵌套的HTML列表。通过解析包含层级结构的JSON数据,我们将展示如何构建一个递归函数,该函数能够根据数据中的`subList`属性,生成相应的` `和“标签,从而实现复杂嵌套列表的渲染。本文提供详细的代码示例和解释,帮助开发者…

    2025年12月23日
    000
  • 如何防止用户使用浏览器工具隐藏网页水印?

    如何阻止用户使用浏览器隐藏元素设置 在制作网页水印时,为防止用户篡改,需考虑浏览器提供的隐藏元素选项带来的潜在风险。以下是禁止浏览器隐藏元素的几种方法: 禁止右键查看源码和 F12 // 禁止 F12 键盘事件document.addEventListener(‘keydown’, function…

    2025年12月22日
    000
  • JavaScript:使用递归函数高效定位深层嵌套对象

    本文旨在介绍如何利用简洁的递归函数在javascript中高效地根据指定路径深度查找并获取复杂嵌套对象中的特定子对象。通过一个函数式编程风格的getpath函数,我们能够安全、灵活地遍历多层数据结构,无论是处理完整路径还是部分路径,都能精准地定位目标数据,并有效避免因中间键不存在而导致的错误。 在J…

    2025年12月21日
    000
  • JavaScript中Map与Set及循环引用对象的JSON序列化教程

    本教程旨在解决javascript中包含`map`、`set`以及循环引用等复杂数据结构的对象的json序列化问题。我们将探讨`json.stringify()`直接处理这些结构时遇到的挑战,特别是循环引用导致的堆栈溢出错误。核心解决方案是利用javascript对象的`tojson()`方法,通过…

    2025年12月21日
    000
  • 在嵌套对象中查找匹配字符串列表的对象

    本文介绍了如何在JavaScript中递归搜索嵌套对象,并返回与给定字符串列表匹配的对象。通过使用生成器函数,我们可以高效地遍历对象结构,并提取出满足特定条件的部分,并提供了一个高阶函数,允许使用自定义谓词进行搜索。此外,还介绍了如何扩展该方法以支持顺序键搜索,从而可以查找具有特定键序列的对象。 在…

    好文分享 2025年12月21日
    000
  • 从深度嵌套数组中按类型提取特定对象:迭代式深度优先搜索指南

    本教程详细介绍了如何使用迭代式深度优先搜索(dfs)算法,从复杂的深度嵌套对象数组中高效地提取所有具有特定`type`属性的对象。通过维护一个栈来管理待处理的元素,该方法能够避免递归带来的潜在堆栈溢出风险,并提供清晰、可控的遍历过程,适用于处理结构化数据中特定类型元素的筛选需求。 在处理复杂的数据结…

    2025年12月21日
    100
  • JavaScript中实现非阻塞的“无限循环”:避免UI冻结的策略

    在javascript中,传统的`while(true)`循环会因为其单线程执行特性而导致浏览器ui冻结。为了在不阻塞主线程的前提下实现“无限循环”,核心策略是利用异步机制,如递归的`settimeout`或`requestanimationframe`。这些方法将循环的每次迭代推迟到事件队列中,从…

    2025年12月20日
    000
  • JavaScript中实现非阻塞式无限循环的技巧与实践

    在javascript中创建无限循环时,传统的`while(true)`循环会阻塞主线程,导致界面冻结。本文将深入探讨如何利用`settimeout`等异步机制实现一个不冻结界面的“永恒循环”,确保应用程序的响应性和流畅性,并提供示例代码和使用注意事项,帮助开发者构建高效的交互式应用。 理解Java…

    2025年12月20日
    100
  • 探讨JavaScript中的循环引用数组及其潜在风险与应对

    本文深入探讨JavaScript中循环引用数组的概念,阐明其在何种场景下会导致无限循环或堆栈溢出,并提供避免这些问题的安全实践和解决方案,帮助开发者理解和规避相关风险。 什么是循环引用数组? 在JavaScript中,循环引用数组(Cyclical Array 或 Circular Referenc…

    2025年12月20日
    000
  • 清理JSON数据:移除”$id”和”$values”属性

    本文将介绍如何清理JSON数据,移除其中不需要的$id和$values属性。正如摘要中所述,我们将使用一个递归函数来处理JSON对象,无论其嵌套层级如何,都能有效地移除这些属性,从而得到一个更干净、更易于使用的JSON结构。 JSON数据清理方法 从后端接收到的JSON数据有时会包含一些元数据属性,…

    2025年12月20日
    000
  • 如何实现JavaScript中的数组扁平化?

    JavaScript数组扁平化是将多层嵌套数组转为单层的过程,核心方法包括:1. 使用flat()按指定深度或Infinity完全扁平;2. 递归reduce实现函数式优雅处理;3. 迭代栈法避免深递归风险;4. 各方法均需正确识别非数组元素;5. 性能优化首选原生flat(),避免深层递归与频繁数…

    2025年12月20日
    000
  • JavaScript中如何实现深拷贝函数以处理循环引用?

    深拷贝通过创建完全独立的对象避免修改原对象,使用递归结合WeakMap可处理循环引用;为防堆栈溢出,可用循环替代递归;根据场景选择JSON方法、递归、循环或第三方库以平衡性能与功能。 深拷贝的核心在于创建一个与原始对象完全独立的新对象,这意味着修改新对象不会影响到原始对象。处理循环引用则需要在拷贝过…

    2025年12月20日
    100
  • 树形结构中基于键值向上更新父节点属性的递归实现

    本文详细阐述了如何在嵌套对象数组(树形结构)中,根据指定键值查找目标节点,并将其 available 属性值递增,同时将此递增操作逐级向上应用至所有父节点直至根节点的实现方法。通过递归遍历与布尔值回溯机制,高效地解决了树形数据中特定节点及其祖先属性的同步更新问题。 1. 问题描述与数据结构 在处理复…

    2025年12月20日
    000
  • JavaScript中类A能否实例化继承自A的类B的对象?

    在JavaScript中,一个类A实例化一个继承自A的类B的对象,从语法上来说是允许的。然而,这种设计模式需要谨慎处理,因为存在潜在的无限循环风险。 循环依赖与无限递归 考虑以下场景:类A的fct方法实例化了类B的对象,而类B继承自类A。如果在类A的fct方法中,实例化B之后又调用了B的fct方法,…

    2025年12月20日
    000
  • JavaScript 递归构建 JSON 树形结构

    本文介绍如何使用 JavaScript 递归地构建 JSON 树形结构。通过将扁平化的数据转换为嵌套的树形结构,可以更方便地表示层级关系,并在前端界面中进行展示。本文将提供详细的代码示例,并解释关键步骤和注意事项,帮助你理解并掌握递归构建 JSON 树的方法。 递归构建 JSON 树 在 JavaS…

    2025年12月20日
    000
  • JavaScript 数组合并:深入解析 concat 与 push 的选择

    在JavaScript中,合并数组是常见操作,Array.prototype.concat() 和 Array.prototype.push() 结合展开语法 (…) 都能实现。然而,两者在行为、性能、对稀疏数组的处理以及对原始数组的修改方式上存在显著差异。本文将深入探讨这些区别,并提供…

    2025年12月20日
    000
  • JavaScript 数组连接:concat 方法优于 push 的场景解析

    本文深入探讨了在 JavaScript 中拼接数组时,Array.prototype.concat() 方法相对于 Array.prototype.push() 结合扩展运算符的优势。我们将从参数限制、性能考量、数组变异性以及稀疏数组处理等多个维度进行对比,帮助开发者理解何时选择 concat 以编…

    2025年12月20日
    000
  • 递归方法检查嵌套数组中数字的出现次数

    本文将介绍如何使用递归算法来统计一个数字在多层嵌套数组中出现的次数,并判断其出现次数是否等于给定的目标次数。这种方法可以有效地处理任意深度的嵌套数组,避免了手动展开数组的复杂性。我们将通过一个辅助函数来计算数字的出现次数,并最终判断其是否满足给定的条件。 递归统计嵌套数组中数字出现次数 要解决在嵌套…

    2025年12月20日
    000
  • 使用递归检查嵌套数组中数字的出现次数

    本文将介绍如何使用递归算法来统计一个数字在多层嵌套数组中出现的次数,并判断该次数是否等于给定的目标次数。我们将提供一个清晰简洁的 JavaScript 代码示例,并解释其实现原理,帮助读者理解递归在处理嵌套数据结构时的应用。 递归统计嵌套数组中数字出现次数 在处理嵌套数据结构时,递归是一种非常强大的…

    2025年12月20日
    000
  • js 如何使用flattenDepth按指定深度扁平化数组

    flattendepth方法通过递归或迭代方式按指定深度扁平化数组,避免完全扁平化带来的性能问题并保留部分嵌套结构;1. 该方法接受数组和深度参数,默认深度为1,递归处理数组元素,当深度大于0且元素为数组时继续展开;2. 可处理包含数字、字符串、对象、null、undefined等类型的数据,仅对数…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信