当前位置： 首页 > news >正文

JavaScript将一层级对象数组转为children嵌套的三层级树状对象数组（多级树状分类）

news 2026/2/10 14:52:16

有时候后端返回的数据不适合前端，我们就需要进行转换，比如我想用elementUI的级联选择器，而这个组件对数据格式有要求，本篇文章将介绍如何将一层级对象数组数据格式转为三层级嵌套children数组，JavaScript、Vue、小程序等都适用，使用情景为多级分类，嵌套数据

情况1：原数组格式为id和parentId的一层级对象数组

  • 原数据格式，包含父级id的一层级对象数组，这个可以根据parentId进行整理
 { id: 1, name: '对象1', parentId: null

相关文章：

JavaScript将一层级对象数组转为children嵌套的三层级树状对象数组（多级树状分类）

有时候后端返回的数据不适合前端，我们就需要进行转换，比如我想用elementUI的级联选择器，而这个组件对数据格式有要求，本篇文章将介绍如何将一层级对象数组数据格式转为三层级嵌套children数组，JavaScript、Vue、小程序等都适用，使用情景为多级分类，嵌套数据 情况1：原数…...

编程日记 2023/7/31 23:38:06

Windows脚本启动Redis、Java和Nginx服务指南

文章目录 1. 完整的批处理脚本2. Redis服务3. Java服务4. Nginx服务 1. 完整的批处理脚本 echo offcd C:\path\to\redis tasklist /FI "IMAGENAME eq redis-server.exe" 2>NUL | find /I /N "redis-server.exe">NUL if "%ERRORLEVEL%"&qu…...

编程日记 2023/7/31 23:37:05

【宝藏系列】STM32之C语言基础知识

【宝藏系列】STM32之C语言基础知识 文章目录 【宝藏系列】STM32之C语言基础知识1️⃣位操作2️⃣define宏定义3️⃣ifdef条件编译4️⃣extern变量声明5️⃣typedef类型别名 C语言是单片机开发中的必备基础知识，本文列举了部分 STM32 学习中比较常见的一些C语言基础知…...

编程日记 2023/7/31 23:36:04

探索自除数：发现区间内的神奇数字

本篇博客会讲解力扣“728. 自除数”的解题思路，这是题目链接。 对于给定的正整数num，我们如何判断它是不是自除数呢？根据定义，我们只需要把num的每一位数字都取出来，判断能不能整除num，如果发现num的某一位…...

编程日记 2023/7/31 23:35:03

打卡力扣题目四

#左耳听风 ARST 打卡活动重启# 目录 一、题目 二、解题代码 三、解题思路 关于 ARTS 的释义 —— 每周完成一个 ARTS： ● Algorithm: 每周至少做一个 LeetCode 的算法题 ● Review: 阅读并点评至少一篇英文技术文章 ● Tips: 学习至少一个技术技巧 ● Share: 分享…...

编程日记 2023/7/31 23:34:02

npm yarn nrm

npm 和 yarn npm和yarn都是包管理器，yarn是在2016年发布的，那时npm还处于V3时期，那时候还没有package-lock.json文件，不稳定性、安装速度慢等缺点经常会受到广大开发者吐槽。此时，yarn 诞生了。yarn 的优点&#xff0c…...

编程日记 2023/7/31 23:33:01

关于我对刚开始学Java的小白想分享的内容：

编程是很有魅力的，让很多人为之痴迷 如果你是初学者，俗称小白，不妨看看下述内容： 文章目录 1. Java 简介 Java 是一门编程语言，发展至今已经成为一门真正意义上的语言标准。 Java是一个完整的平台，有一个…...

编程日记 2023/7/31 23:32:00

Redis学习路线（5）—— Redis生成唯一ID

一、全局唯一ID （一）在用户抢购时，就会生成订单并保存到数据库中，而订单表如果使用自增ID就会存在以下几种情况： 自增ID规律性太强受单表数据量的限制 （二）全局ID生成器，是一种在…...

编程日记 2023/7/31 23:30:59

django后台系统Tyadmin

无意之间发现个django的后台管理框架，仔细与xadmin对比了一下，无论是功能上还是便携性上都与xadmin特别相似，但个人感觉Tyadmin略胜一筹，因为外观上要比xadmin要美观，而且相比起来速度也快，部署甚至也和简单…...

编程日记 2023/7/31 23:29:57

设计模式适合用于解决特定的软件设计问题呢

当我们在开发软件时，经常会遇到各种各样的问题和挑战，例如如何处理对象之间的关系、如何实现复杂的业务逻辑、如何处理并发访问等。这些问题都是软件设计中经常遇到的问题，而设计模式就是为了解决这些问题而诞生的。 以下是一些常见的软件设…...

编程日记 2023/7/31 23:28:56

测试|测试分类

测试|测试分类 文章目录 测试|测试分类1.按照测试对象分类（部分掌握）2.是否查看代码：黑盒、白盒灰盒测试3.按开发阶段分：单元、集成、系统及验收测试4.按实施组织分：α、β、第三方测试5.按是否运行代码：静…...

编程日记 2023/7/31 23:27:55

矩阵中的路径(JS)

矩阵中的路径 题目 给定一个 m x n 二维字符网格 board 和一个字符串单词 word 。如果 word 存在于网格中，返回 true ；否则，返回 false 。 单词必须按照字母顺序，通过相邻的单元格内的字母构成，其中“相邻”单元格是…...

编程日记 2023/7/31 23:26:53

Linux时间体系与LinuxPTP

Linux时间体系 Linux 需要提供“知道当前时间、计算时间长度、定时提醒”这三种功能。 其中知道当前时间和计算时间长度在某种程度上可以互相转换。即以UNIX Epoch计时开始可以知道当前时间。 一般硬件可以提供下列的硬件时钟： RTC 【真实时钟】 对于PC而言&…...

编程日记 2023/7/31 23:25:52

最优除法（力扣）数学 JAVA

给定一正整数数组 nums，nums 中的相邻整数将进行浮点除法。例如， [2,3,4] -> 2 / 3 / 4 。 例如，nums [2,3,4]，我们将求表达式的值 “2/3/4”。 但是，你可以在任意位置添加任意数目的括号，来改变算数的…...

编程日记 2023/7/31 23:24:50

Git代码管理

目录： git环境配置 git工作流程git常用命令gitlab实战gitlog分析与检索分支管理策略git合并与冲突 1.git环境配置 Git 简介： Git 是目前世界上最先进的分布式版本控制系统。Git 优点： 适合分布式开发，强调个体…...

编程日记 2023/7/31 23:23:48

使用vscode进行远程开发服务器配置

1.下载vscode 2.给vscode 安装python 和 remote ssh插件 remote—SSH扩展允许您使用任何具有SSH服务器的远程机器作为您的开发环境。 3.安装remote-SSH插件之后，vscode左侧出现电脑图标，即为远程服务，按图依次点击，进行服务器配置…...

编程日记 2023/7/31 23:22:47

北斗gps卫星授时服务器（NTP）应用于防火墙场景

北斗gps卫星授时服务器（NTP）应用于防火墙场景 北斗gps卫星授时服务器（NTP）应用于防火墙场景 作为网络建设中不可或缺的两方面，在保证网络安全稳定以及时间同步精确性方面，防火墙和NTP服务器都极为重要。而防…...

编程日记 2023/7/31 23:21:46

Quartz中Misfire机制源码级解析

文章目录 前文案例展示Misfire机制1. 启动过程补偿2. 定时任务补偿3. 查询待触发列表时间区间补偿 前文 Misfire是啥意义的？使用翻译软件结果是"失火"。一个定时软件，还来失火？其实在Java里面，fire的含义更应该是触发&…...

编程日记 2023/7/31 23:20:45

每日一题——重建二叉树

重建二叉树 题目描述 给定节点数为 n 的二叉树的前序遍历和中序遍历结果，请重建出该二叉树并返回它的头结点。 例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6}，则重建出如下图所示。 提示: 1.vin.length pre.length 2.pre 和…...

编程日记 2023/7/31 23:19:43

Python - json与字典dict

Python中的JSON和字典都是数据序列化的格式，它们都可以将数据转换为字符串以便于存储或传输。虽然它们有一些相似之处，但也有很多不同之处。 字典 字典是Python中的一种数据类型，它是一个键值对的集合。每个键对应一个值，可以通…...

编程日记 2023/7/31 23:18:42

观成科技：隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具，该工具基于TUN接口实现其功能，利用反向TCP/TLS连接建立一条隐蔽的通信信道，支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式，适应复杂网…...

编程新知 2026/2/8 4:37:24

Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）

文章目录 1.什么是Redis？2.为什么要使用redis作为mysql的缓存？3.什么是缓存雪崩、缓存穿透、缓存击穿？3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...

编程新知 2026/2/8 12:24:34

理解 MCP 工作流：使用 Ollama 和 LangChain 构建本地 MCP 客户端

🌟 什么是 MCP？ 模型控制协议 (MCP) 是一种创新的协议，旨在无缝连接 AI 模型与应用程序。 MCP 是一个开源协议，它标准化了我们的 LLM 应用程序连接所需工具和数据源并与之协作的方式。 可以把它想象成你的 AI 模型 和想要使用它…...

编程新知 2026/2/10 5:21:30

条件运算符

C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...

编程新知 2025/12/6 22:50:48

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui&#xff08;适配 Vue2 版本 &#xff09;实现截图中照片上传预览、删除功能&#xff0c;并封装成可复用组件的完整代码&#xff0c;包含样式和逻辑实现&#xff0c;可直接在 Vue2 项目中使用&#xff1a; 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2026/1/31 2:37:22

省略号和可变参数模板

本文主要介绍如何展开可变参数的参数包 1.C语言的va_list展开可变参数 #include <iostream> #include <cstdarg>void printNumbers(int count, ...) {// 声明va_list类型的变量va_list args;// 使用va_start将可变参数写入变量argsva_start(args, count);for (in…...

编程新知 2025/11/21 0:25:40

c# 局部函数 定义、功能与示例

C# 局部函数&#xff1a;定义、功能与示例 1. 定义与功能 局部函数&#xff08;Local Function&#xff09;是嵌套在另一个方法内部的私有方法&#xff0c;仅在包含它的方法内可见。 • 作用&#xff1a;封装仅用于当前方法的逻辑&#xff0c;避免污染类作用域&#xff0c;提升…...

编程新知 2025/9/18 4:17:51

车载诊断架构 --- ZEVonUDS（J1979-3）简介第一篇

我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 做到欲望极简，了解自己的真实欲望，不受外在潮流的影响，不盲从，不跟风。把自己的精力全部用在自己。一是去掉多余，凡事找规律，基础是诚信；二是…...

编程新知 2026/1/26 21:09:29

算法—栈系列

一&#xff1a;删除字符串中的所有相邻重复项 class Solution { public:string removeDuplicates(string s) {stack<char> st;for(int i 0; i < s.size(); i){char target s[i];if(!st.empty() && target st.top())st.pop();elsest.push(s[i]);}string ret…...

编程新知 2026/1/22 13:43:14

Xcode 16 集成 cocoapods 报错

基于 Xcode 16 新建工程项目&#xff0c;集成 cocoapods 执行 pod init 报错 ### Error RuntimeError - PBXGroup attempted to initialize an object with unknown ISA PBXFileSystemSynchronizedRootGroup from attributes: {"isa">"PBXFileSystemSynchro…...

编程新知 2026/2/1 16:17:30