JS通过递归函数来剔除树结构特定节点
最近在处理权限类问题过程中,遇到多次需要过滤一下来列表的数据,针对不同用户看到的数据不同。记录一下
我的数据大致是这样的:

class UserTree {constructor() {this.userTreeData = [// 示例数据{ nodeid: "1", nodename: "Root", parentid: null, children: [{ nodeid: "2", nodename: "Child 1", parentid: "1", children: [] },{ nodeid: "3", nodename: "Child 2", parentid: "1", children: [{ nodeid: "67176000000000000000000000000000", nodename: "Grandchild 1", parentid: "3", children: [] },{ nodeid: "4", nodename: "Another Grandchild", parentid: "3", children: [{ nodeid: "67176000000000000000000000000001", nodename: "Great Grandchild", parentid: "67176000000000000000000000000000", children: [] }] }] }] }];}// 递归函数来剔除特定节点以及parentid为特定值的节点removeNodeByIdAndParentId(tree, nodeId) {if (!tree || tree.length === 0) return;for (let i = 0; i < tree.length; i++) {if (tree[i].nodeid === nodeId || tree[i].parentid === nodeId) {tree.splice(i, 1); // 删除节点i--; // 更新索引以继续检查下一个元素} else if (tree[i].children && tree[i].children.length > 0) {// 递归遍历子节点this.removeNodeByIdAndParentId(tree[i].children, nodeId);}}}// 初始化用户树数据initUserTreeData() {// 需要剔除的节点IDconst targetNodeId = "67176000000000000000000000000000";// 调用递归函数来剔除节点this.removeNodeByIdAndParentId(this.userTreeData, targetNodeId);// 继续其他初始化逻辑...}
}// 测试
let userTree = new UserTree();
console.log("Before removal:", JSON.stringify(userTree.userTreeData, null, 2));
userTree.initUserTreeData();
console.log("After removal:", JSON.stringify(userTree.userTreeData, null, 2));
- 递归函数
removeNodeByIdAndParentId:这个函数会检查每个节点,如果节点的nodeid或parentid为目标节点ID,则将该节点及其子节点一并删除。 - 递归调用:在删除当前节点后,更新索引(
i--),以便继续检查下一个元素。这样可以确保不会跳过任何元素。 - 初始化函数
initUserTreeData:在初始化函数中调用递归函数来剔除目标节点及其子节点。
相关文章:
JS通过递归函数来剔除树结构特定节点
最近在处理权限类问题过程中,遇到多次需要过滤一下来列表的数据,针对不同用户看到的数据不同。记录一下 我的数据大致是这样的: class UserTree {constructor() {this.userTreeData [// 示例数据{ nodeid: "1", nodename: "R…...
javayufa
1.变量、运算符、表达式、输入输出 编写一个简单的Java程序–手速练习 public class Main { public static void main(String[] args) { System.out.println("Hello World"); } } 三、语法基础 变量 变量必须先定义,才可以使用。不能重名。 变量定义的方…...
软考-高级系统分析师知识点-补充篇
云计算 云计算的体系结构由5部分组成,分别为应用层,平台层,资源层,用户访问层和管理层,云计算的本质是通过网络提供服务,所以其体系结构以服务为核心。 系统的可靠性技术---容错技术---冗余技术 容错是指系…...
JavaScript全面指南(四)
🌈个人主页:前端青山 🔥系列专栏:JavaScript篇 🔖人终将被年少不可得之物困其一生 依旧青山,本期给大家带来JavaScript篇专栏内容:JavaScript全面指南 目录 61、如何防止XSRF攻击 62、如何判断一个对象是否为数组&…...
2024年诺贝尔物理学奖的创新之举
对于2024年诺贝尔物理学奖的这一创新之举,我的观点可以从以下几点展开: 跨学科融合的里程碑:将诺贝尔物理学奖颁发给机器学习与神经网络领域的研究者,标志着科学界对跨学科合作和融合的认可达到新高度。这不仅体现了理论物理与计算…...
FileLink内外网文件交换——致力企业高效安全文件共享
随着数字化转型的推进,企业之间的文件交流需求日益增加。然而,传统的文件传输方式往往无法满足速度和安全性的双重要求。FileLink作为一款专注于跨网文件交换的工具,致力于为企业提供高效、安全的文件共享解决方案。 应用场景一:项…...
使用Python在Jupyter Notebook中显示Markdown文本
使用Python在Jupyter Notebook中显示Markdown文本 引言1. 导入必要的模块2. 定义一个函数来显示Markdown文本3. 使用print_md函数显示Markdown文本4. 总结 引言 作为一名Python初级程序员,你可能已经熟悉了Jupyter Notebook这个强大的工具。Jupyter Notebook不仅支…...
G1 GAN生成MNIST手写数字图像
🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊 G1 GAN生成MNIST手写数字图像 1. 生成对抗网络 (GAN) 简介 生成对抗网络 (GAN) 是一种通过“对抗性”学习生成数据的深度学习模型,通常用于生成…...
WPFDeveloper正式版发布
WPFDeveloper WPFDeveloper一个基于WPF自定义高级控件的WPF开发人员UI库,它提供了众多的自定义控件。 该项目的创建者和主要维护者是现役微软MVP 闫驚鏵: https://github.com/yanjinhuagood 该项目还有众多的维护者,详情可以访问github上的README&…...
实现鼠标经过某个元素时弹出提示框(通常称为“工具提示”或“悬浮提示”)
要实现鼠标经过某个元素时弹出提示框(通常称为“工具提示”或“悬浮提示”),你可以使用 JavaScript 结合 CSS 来创建这个效果。以下是详细步骤,包括 HTML、CSS 和 JavaScript 的代码示例。 HTML 结构 首先,创建一个简…...
【GAMES101笔记速查——Lecture 17 Materials and Appearances】
目录 1 材质和外观 1.1 自然界中,外观是光线和材质共同作用的结果 1.2 图形学中,什么是材质? 1.2.1 渲染方程严格正确,其中BRDF项决定了物体的材质 1.2.2 漫反射材质 (1)如何定义漫反射系数࿱…...
对于从vscode ssh到virtualBox的timeout记录
如题,解决方式如下: 1.把虚拟机关机退出来,在这个界面进行网络设置:选桥接网卡 2.然后再进系统,使用命令 ip addr查看如今的ip地址,应该和在本机里面看到的是一个网段 3.打开vscode,该干啥干…...
鸿蒙原生应用扬帆起航
就在2024年6月21日华为在开发者大会上发布了全新操作的系统HarmonyOS Next开发测试版,网友们把它称之为“称之为纯血鸿蒙”。因为在此之前鸿蒙系统底层式有两套基础架构的,一套是是Android的AOSP,一套是鸿蒙的Open Harmony,因为早…...
《计算机视觉》—— 表情识别
根据计算眼睛、嘴巴的变化,判断是什么表情结合以下两篇文章来理解表情识别的实现方法 基于 dilib 库的人脸检测 https://blog.csdn.net/weixin_73504499/article/details/142977202?spm1001.2014.3001.5501 基于 dlib 库的人脸关键点定位 https://blog.csdn.net/we…...
NVIDIA Aerial Omniverse
NVIDIA Aerial Omniverse 数字孪生助力打造新一代无线网络 文章目录 前言一、从链路级仿真到系统级仿真二、转变无线研发方式1. 开放且可定制的模块化平台2. 适用于 6G 标准化的 3GPP 兼容平台3. 部署前测试4. AI 和 ML 在数字孪生中的应用5. 高级物理精准的电磁求解器6. 合作伙…...
QT程序报错解决方案:Cannot queue arguments of type ‘QTextCharFormat‘ 或 ‘QTextCursor‘
项目场景: 项目场景:基于QT实现的C某程序,搭载在Linux环境中。 问题描述 执行程序时,发现log中报错如下内容: QObject::connect: Cannot queue arguments of type QTextCharFormat (Make sure QTextCharFormat is r…...
MySQL知识点_03
MySQL 命令大全 基础命令 操作命令连接到 MySQL 数据库mysql -u 用户名 -p查看所有数据库SHOW DATABASES;选择一个数据库USE 数据库名;查看所有表SHOW TABLES;查看表结构DESCRIBE 表名; 或 SHOW COLUMNS FROM 表名;创建一个新数据库CREATE DATABASE 数据库名;删除一个数据库D…...
leetcode:744. 寻找比目标字母大的最小字母(python3解法)
难度:简单 给你一个字符数组 letters,该数组按非递减顺序排序,以及一个字符 target。letters 里至少有两个不同的字符。 返回 letters 中大于 target 的最小的字符。如果不存在这样的字符,则返回 letters 的第一个字符。 示例 1&a…...
2015年-2016年 软件工程程序设计题(算法题)实战_c语言程序设计数据结构程序设计分析
文章目录 2015年1.c语言程序设计部分2.数据结构程序设计部分 2016年1.c语言程序设计部分2.数据结构程序设计部分 2015年 1.c语言程序设计部分 1.从一组数据中选择最大的和最小的输出。 void print_maxandmin(double a[],int length) //在一组数据中选择最大的或者最小的输出…...
整理一下实际开发和工作中Git工具的使用 (持续更新中)
介绍一下Git 在实际开发和工作中,Git工具的使用可以说是至关重要的,它不仅提高了团队协作的效率,还帮助开发者有效地管理代码版本。以下是对Git工具使用的扩展描述: 版本控制:Git能够跟踪代码的每一个修改记录&#x…...
Java 多线程详解(持续更新)
原理 线程生命周期 创建线程 存储变量 线程安全 锁的四维度 创建及配置线程池 原理 CPU工作原理:从内存中取出第一条指令(入口函数)进行执行 进程(Process),内存中的一段区域,含机器指令以及堆栈信息,只能被一个CPU执行 注:可执行程序编译后形成指令并加载到内存…...
通义实验室正式开源 Mobile-Agent v3.5 及新一代多平台 GUI Agent 基座模型 GUI-Owl-1.5
做过自动化的人都知道,最让人抓狂的不是功能实现不了,而是流程跑到一半突然卡住——界面变了、元素找不到、验证码弹出来……GUI Agent 在实验室里跑得再顺,一到真实环境就各种翻车。通义实验室这次发布的 Mobile-Agent v3.5,瞄准…...
lite-avatar形象库真实体验:如何快速找到并应用心仪的数字人形象
lite-avatar形象库真实体验:如何快速找到并应用心仪的数字人形象 1. 引言:为什么选择lite-avatar形象库? 在数字人应用开发中,找到高质量且风格合适的虚拟形象往往是最耗时的环节之一。传统方式需要从零开始训练模型,…...
STC8H8K32U按键控制OLED显示
手动按键按下,OLED显示对应键值 气缸前进后退电机正反转本文实现了一个基于STC8H单片机的按键检测与OLED显示系统。系统通过8个独立按键输入信号,采用消抖算法检测有效按键,并在OLED屏幕上实时显示对应按键编号。程序包含OLED初始化、I2C通信协议实现、按…...
3D高斯泼溅一键训练脚本:视频/图片输入全搞定(Win11+3070实测)
3D高斯泼溅一键训练脚本:视频/图片输入全搞定(Win113070实测) 在数字内容创作领域,3D场景重建技术正经历着革命性的变化。传统方法往往需要昂贵的设备和复杂的流程,而3D高斯泼溅(3D Gaussian Splatting&…...
保姆级教程:在RT-Thread Studio中为AT32F437配置LAN8720以太网(从驱动使能到ifconfig测试)
从零构建AT32F437以太网通信:RT-Thread Studio与LAN8720全流程实战指南 当AT32F437这颗高性能MCU遇上RT-Thread的实时操作系统,再配合LAN8720这颗经典的以太网物理层芯片,能碰撞出怎样的火花?作为嵌入式开发者,实现设备…...
查重踩坑血泪史:免费软件、PaPerPass、AIGC率、淘宝旗舰店
规避雷区 最近为了查重,折腾得心力交瘁。多方打听、多次数据对比之后,总结了一些“花钱买教训”的经验,写成几个点分享出来,希望能帮大家少走弯路。千万避雷某多多。 1️⃣ 免费软件的“Pass查重”低于10%还算靠谱 经过多个数据…...
DRV2665压电触觉驱动芯片原理与嵌入式实现
1. DRV2665 驱动芯片技术解析:面向嵌入式系统的压电触觉反馈全栈实现 DRV2665 是德州仪器(TI)推出的一款高度集成的 IC 接口压电触觉驱动器,专为需要高保真、低功耗、小尺寸触觉反馈的便携式设备而设计。与传统基于电磁线圈&…...
python gitlab
# 聊聊Python GitLab库:不只是个API封装 如果你在Python项目里用过GitLab,大概率会遇到一个叫python-gitlab的库。第一次看到它的时候,很多人会想:“这不就是个简单的API封装吗?”用了一段时间后才发现,事情…...
android studio panda3 配置镜像链接失败,求教
安装了android studio panda3 配置镜像如下:buildscript {repositories {maven { url https://maven.aliyun.com/nexus/content/groups/public/ }maven { url https://maven.aliyun.com/repository/public/ }maven { url https://maven.aliyun.com/repository/googl…...
