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

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

news 2026/2/10 12:58:03

有时候后端返回的数据不适合前端，我们就需要进行转换，比如我想用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

【Oracle APEX开发小技巧12】

有如下需求： 有一个问题反馈页面，要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据，方便管理员及时处理反馈。 我的方法：直接将逻辑写在SQL中，这样可以直接在页面展示 完整代码： SELECTSF.FE…...

编程新知 2026/2/7 17:35:15

Qt Widget类解析与代码注释

#include "widget.h" #include "ui_widget.h"Widget::Widget(QWidget *parent): QWidget(parent), ui(new Ui::Widget) {ui->setupUi(this); }Widget::~Widget() {delete ui; }//解释这串代码，写上注释 当然可以！这段代码是 Qt …...

编程新知 2025/11/29 21:00:30

STM32标准库-DMA直接存储器存取

文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA（Direct Memory Access）直接存储器存取 DMA可以提供外设…...

编程新知 2026/1/26 10:55:51

vue3 字体颜色设置的多种方式

在Vue 3中设置字体颜色可以通过多种方式实现&#xff0c;这取决于你是想在组件内部直接设置&#xff0c;还是在CSS/SCSS/LESS等样式文件中定义。以下是几种常见的方法&#xff1a; 1. 内联样式 你可以直接在模板中使用style绑定来设置字体颜色。 <template><div :s…...

编程新知 2026/2/4 20:47:44

第25节 Node.js 断言测试

Node.js的assert模块主要用于编写程序的单元测试时使用&#xff0c;通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试&#xff0c;通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...

编程新知 2025/10/11 0:24:31

【单片机期末】单片机系统设计

主要内容&#xff1a;系统状态机&#xff0c;系统时基&#xff0c;系统需求分析&#xff0c;系统构建&#xff0c;系统状态流图 一、题目要求 二、绘制系统状态流图 题目&#xff1a;根据上述描述绘制系统状态流图&#xff0c;注明状态转移条件及方向。 三、利用定时器产生时…...

编程新知 2026/1/31 12:27:36

【数据分析】R版IntelliGenes用于生物标志物发现的可解释机器学习

禁止商业或二改转载&#xff0c;仅供自学使用&#xff0c;侵权必究&#xff0c;如需截取部分内容请后台联系作者! 文章目录 介绍流程步骤1. 输入数据2. 特征选择3. 模型训练4. I-Genes 评分计算5. 输出结果 IntelliGenesR 安装包1. 特征选择2. 模型训练和评估3. I-Genes 评分计…...

编程新知 2026/2/8 21:57:46

【JVM】Java虚拟机（二）——垃圾回收

目录 一、如何判断对象可以回收 &#xff08;一&#xff09;引用计数法 &#xff08;二&#xff09;可达性分析算法 二、垃圾回收算法 &#xff08;一&#xff09;标记清除 &#xff08;二&#xff09;标记整理 &#xff08;三&#xff09;复制 &#xff08;四&#xff…...

编程新知 2026/1/31 9:49:23

Qemu arm操作系统开发环境

使用qemu虚拟arm硬件比较合适。 步骤如下&#xff1a; 安装qemu apt install qemu-system安装aarch64-none-elf-gcc 需要手动下载&#xff0c;下载地址&#xff1a;https://developer.arm.com/-/media/Files/downloads/gnu/13.2.rel1/binrel/arm-gnu-toolchain-13.2.rel1-x…...

编程新知 2026/1/31 9:18:40

五子棋测试用例

一.项目背景 1.1 项目简介 传统棋类文化的推广 五子棋是一种古老的棋类游戏&#xff0c;有着深厚的文化底蕴。通过将五子棋制作成网页游戏&#xff0c;可以让更多的人了解和接触到这一传统棋类文化。无论是国内还是国外的玩家&#xff0c;都可以通过网页五子棋感受到东方棋类…...

编程新知 2026/2/1 21:56:50