递归计算分层结构的累计金额

递归计算分层结构的累计金额

本文旨在提供一个清晰、简洁的解决方案,用于递归遍历具有层级结构的JSON数据,并计算每一层级的deposit总额。通过提供的示例代码,你可以轻松地将其应用到具有类似数据结构的项目中,从而获取各层级的存款总额,并最终获得一个包含各层级总额的数组。

在处理具有嵌套子节点的树形数据结构时,递归是一种常用的有效方法。以下是如何使用递归函数来计算每一层级的deposit总额的详细步骤。

递归函数实现

核心思想是:遍历当前层级的每个节点,累加deposit值,并将子节点收集到临时数组中。完成当前层级遍历后,将累加的总额添加到结果数组中。如果存在子节点,则递归调用自身处理下一层级。

以下是一个JavaScript示例:

function iterateOfChildrenDeposit(children, result) {    let tmp = [], d = 0;    children.forEach((node) => {        d += node.deposit;        if (node.children)            tmp = tmp.concat(node.children);    });    result.push(d);    if(tmp.length)        return iterateOfChildrenDeposit(tmp, result);    return;}// 示例数据let child = [    {        "deposit": 100,        "children": [            {                "deposit": 100,                "children": [                    {                        "deposit": 100,                        "children": [                            {                                "deposit": 100,                            },                            {                                "deposit": 100,                            },                            {                                "deposit": 100,                            }                        ]                    },                    {                        "deposit": 100,                        "children": []                    },                    {                        "deposit": 100,                        "children": []                    }                ]            },            {                "deposit": 100,                "children": []            },            {                "deposit": 100,                "children": []            }        ]    },    {        "deposit": 100,        "children": []    },    {        "deposit": 0,        "children": []    }];let res = [];iterateOfChildrenDeposit(child, res);console.log(res); // 输出: [ 300, 300, 300, 300 ]

代码解释:

iterateOfChildrenDeposit(children, result) 函数:

children: 当前层级的子节点数组。result: 存储每一层级总额的数组。tmp: 临时数组,用于存储下一层级的子节点。d: 累加当前层级deposit值的变量。

children.forEach((node) => { … }):

遍历当前层级的每个节点。d += node.deposit;: 将当前节点的deposit值累加到d。if (node.children) tmp = tmp.concat(node.children);: 如果当前节点有子节点,则将子节点添加到tmp数组中。

result.push(d);:

将当前层级的总额d添加到result数组中。

if(tmp.length) return iterateOfChildrenDeposit(tmp, result);:

如果tmp数组不为空,说明存在下一层级的子节点,则递归调用iterateOfChildrenDeposit函数处理下一层级。

return;:

递归结束条件:当tmp数组为空时,说明已经到达最后一层,递归结束。

注意事项

避免无限递归: 确保数据结构中不存在循环引用,否则会导致无限递归,最终溢出。性能考虑: 对于非常深层级的数据结构,递归可能导致性能问题。可以考虑使用迭代的方式来避免栈溢出。数据结构: 该方法适用于具有children属性的树形数据结构,其中children是一个包含子节点的数组。如果数据结构不同,需要相应地修改代码。初始化 result 数组: 在调用递归函数之前,务必初始化 result 数组,否则会导致结果不正确。

总结

通过使用递归函数,可以方便地遍历具有层级结构的数据,并计算每一层级的累计金额。在实际应用中,需要注意避免无限递归和性能问题,并根据实际数据结构进行相应的调整。 该方法提供了一个清晰、简洁的解决方案,能够帮助你轻松地处理分层数据结构的计算问题。

以上就是递归计算分层结构的累计金额的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 19:30:52
下一篇 2025年12月20日 19:31:05

相关推荐

  • JavaScript:根据ID匹配数组并创建新的属性

    本文介绍了如何使用 JavaScript 遍历包含 genre_ids 属性的电影数组,并根据 genres 数组中的 ID 匹配项,为每个电影对象添加一个 genres 属性,该属性包含匹配的 name 值数组。最后,可以选择删除原始的 genre_ids 属性。 实现步骤 假设我们有两个数组,一…

    2025年12月20日
    000
  • 避免HTML 中文件输入取消时意外关闭的教程

    当HTML 元素内嵌时,用户取消文件选择或选择相同文件会导致对话框意外关闭。本文将深入探讨这一已知Chromium浏览器行为,并提供一个基于JavaScript动态创建和管理文件输入元素的有效解决方案,以确保对话框的稳定性,并附带详细代码示例和注意事项。 问题背景:与的意外交互 在Web开发中,我们…

    2025年12月20日
    000
  • JavaScript setInterval 防堆叠:确保计时器唯一运行的策略

    本文探讨了JavaScript中setInterval函数在重复调用时可能导致的计时器堆叠问题,并提供了一种健壮的解决方案。通过在设置新计时器之前检查并清除任何现有计时器,确保同一功能只有一个setInterval实例在运行,从而避免资源浪费和不可预测的行为。 在开发交互式web应用时,setint…

    2025年12月20日
    000
  • JavaScript setInterval 防堆叠策略:确保定时器只运行一次

    本文探讨了在JavaScript中使用setInterval时,如何避免因重复调用而导致定时器堆叠的问题。通过在启动新定时器前检查并清除现有定时器,可以有效防止多个setInterval实例同时运行,确保clearInterval功能正常,从而维护程序逻辑的准确性和资源效率。 问题背景:setInt…

    2025年12月20日
    000
  • 如何在其他事件处理程序中触发 OpenLayers 地图事件?

    在 OpenLayers 应用中,有时我们需要在非 OpenLayers 地图容器(例如,一个普通的 HTML div 元素)上进行交互,并希望这些交互能够同步更新 OpenLayers 地图上的绘制,特别是使用 ol.interaction.Draw 进行测量时。直接在非 OpenLayers 容…

    2025年12月20日
    000
  • Google OAuth与应用会话管理:同步登出的实现限制与策略

    本文探讨了在使用Google OAuth进行身份验证后,如何管理应用程序会话并解释了为何无法实现与Google服务同步登出的原因。我们将深入理解OAuth的工作原理,阐明第三方应用会话的独立性,并提供管理本地会话的策略,以确保用户体验和应用安全性。 理解Google OAuth的工作原理 googl…

    2025年12月20日
    000
  • 使用CSS和Bootstrap实现悬浮标签的下拉选择框

    本文介绍了如何使用CSS和Bootstrap框架创建一个具有悬浮标签的下拉选择框。通过结合CSS的定位和Bootstrap的表单浮动标签特性,可以实现标签位于下拉框边框之上,并在选中选项后仍然保持显示的效果,从而提升用户体验。 方法一:使用 Bootstrap 的 Floating Labels 实…

    2025年12月20日
    000
  • JS 函数式类型系统 – 使用 TypeScript 增强函数式编程的可靠性

    TypeScript通过静态类型检查提升函数式编程的可靠性与可维护性,核心在于应用类型推断、接口、泛型和类型守卫。为函数明确标注输入输出类型(如number[] => number)增强可预测性;泛型(如map)在保持函数通用性的同时确保类型安全;Readonly修饰符辅助维护不可变性,符合函…

    2025年12月20日
    000
  • Google OAuth应用中的会话管理:理解同步注销的局限性与实现独立注销

    本教程探讨了在使用Google OAuth进行身份验证的应用中,如何管理用户会话及其注销。文章阐明了应用注销与Google服务注销无法直接同步的原因,并提供了实现独立、安全且用户友好的应用内会话管理和注销机制的最佳实践,包括会话过期、明确注销流程及相关代码示例。 Google OAuth与应用会话的…

    2025年12月20日
    000
  • 如何构建一个可测试的JavaScript应用程序架构?

    答案:构建可测试的JavaScript应用需分层解耦、依赖注入和纯函数。1. 分离数据、业务、视图层,便于独立测试;2. 使用依赖注入(构造函数或参数)替换真实依赖为mock;3. 业务逻辑用纯函数处理,状态管理不可变;4. UI组件分离展示与逻辑,通过props传递数据;5. 利用Jest等工具模…

    2025年12月20日
    000
  • 在 Node.js/Express 中处理 POST 请求数据并在另一函数中使用

    本文介绍了如何在 Node.js/Express 应用中接收 POST 请求发送的数据,并将其传递到另一个函数进行进一步处理。重点在于确保请求方法匹配,并正确地在客户端和服务器端处理数据传输。文章将提供示例代码,帮助你理解如何实现数据的接收、传递和使用。 理解 POST 请求的数据处理流程 在 No…

    2025年12月20日
    000
  • 如何利用JavaScript的IndexedDB进行客户端数据存储?

    IndexedDB是浏览器中用于存储大量结构化数据的客户端方案,支持异步操作、事务处理和索引查询。通过indexedDB.open()创建或打开数据库,在onupgradeneeded中定义对象仓库和索引。使用transaction进行读写操作,add()/put()添加或更新数据,get()读取,…

    2025年12月20日
    000
  • 如何利用Node.js的异步钩子进行请求上下文跟踪?

    使用AsyncLocalStorage可在Node.js中实现请求上下文跟踪,通过在中间件中调用asyncLocalStorage.run()为每个请求创建独立上下文,使后续异步操作能访问同一请求数据;结合日志系统可自动透传requestId等信息,实现全链路追踪与问题定位。 在Node.js中进行…

    2025年12月20日
    000
  • 如何用Node.js实现一套完整的后端渲染方案?

    Node.js结合Express和EJS可实现SSR,通过服务端渲染提升首屏速度与SEO;具体步骤包括:搭建Express框架,配置EJS模板引擎,定义路由并获取数据,使用res.render()渲染带数据的HTML页面,编写EJS模板输出动态内容,并扩展静态资源服务、错误处理、缓存、SEO优化及日…

    2025年12月20日
    000
  • 如何构建一个支持离线路由的单页应用(SPA)?

    答案:通过前端路由与Service Worker结合,实现SPA离线访问。首先选用React Router或Vue Router等工具管理路径跳转,推荐Hash模式避免服务器请求;接着注册Service Worker,在install阶段预缓存HTML、JS、CSS等核心资源,fetch事件中优先返…

    2025年12月20日
    000
  • 如何用机器学习库(如TensorFlow.js)在浏览器中训练模型?

    完全可行,适合轻量级任务与隐私保护场景。通过CDN引入TensorFlow.js后,使用tf.sequential()构建模型,编译时配置优化器、损失函数等。将数据转为张量并归一化,调用model.fit()训练,支持回调监控。训练后可保存至本地或导出文件,后续加载进行预测。虽计算力受限,但合理设计…

    2025年12月20日
    000
  • 在JavaScript中,如何处理大文件的上传与分片传输?

    核心思路是将大文件切片上传以提升稳定性和支持断点续传。1. 使用File.slice()将文件按5MB分块,携带fileHash、索引等元信息;2. 通过FormData并发上传分片,控制最大并发数防止资源耗尽;3. 上传前查询服务端已传分片,跳过重复上传实现断点续传;4. 所有分片完成后通知服务端…

    2025年12月20日
    000
  • 如何构建一个支持Serverless架构的无服务应用?

    构建Serverless应用需先拆分业务为独立函数,选择FaaS平台与配套服务,利用API网关、对象存储等组件实现事件驱动架构,通过外部系统管理状态,并用IaC工具自动化部署,以降低运维成本、提升伸缩性。 构建一个支持Serverless架构的无服务应用,核心在于合理设计函数逻辑、选择合适的云服务组…

    2025年12月20日
    000
  • JavaScript的代理模式如何拦截数组的变异方法?

    通过 Proxy 的 get 陷阱拦截数组变异方法,可捕获 push、pop 等操作,在执行前后添加自定义逻辑;由于数组方法直接修改内部属性,无法仅靠 set 拦截 length 变化,必须包装方法调用以实现响应式更新。 JavaScript 的代理模式通过 Proxy 对象可以拦截对数组的操作,包…

    2025年12月20日
    000
  • 如何利用Web Audio API处理和分析音频数据?

    首先初始化AudioContext,再通过fetch加载音频并解码播放;接着插入AnalyserNode获取频率和波形数据用于可视化;推荐使用AudioWorklet进行自定义音频处理;结合getUserMedia可实现麦克风输入实时分析;注意上下文需用户交互触发,参数设置影响精度。 Web Aud…

    2025年12月20日
    000

发表回复

登录后才能评论
关注微信