js 将数组返回带children的递归数组

最新推荐文章于 2024-07-04 17:43:23 发布

赵锦川

最新推荐文章于 2024-07-04 17:43:23 发布

阅读量471

点赞数 5

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_46256404/article/details/137906117

版权

本文介绍了一个JavaScript函数，它接受一个包含父ID（pId）的数据数组，通过递归处理将其转换为树形结构，删除了children属性并存储在映射对象中，最后返回组织成树形结构的结果数组。

摘要由CSDN通过智能技术生成

toTree(data) {

let result = []

if (!Array.isArray(data)) {

return result

}

data.forEach(item => {

delete item.children;

});

let map = {};

data.forEach(item => {

map[item.id] = item;

});

data.forEach(item => {

let parent = map[item.pId];

if (parent) {

(parent.children || (parent.children = [])).push(item);

} else {

result.push(item);

}

});

return result;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赵锦川

关注关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js 将数组返回带children的递归数组

if (!/*});*/});} else {});},
复制链接

扫一扫

JavaScript将数组转化为多级树状结构.zip

06-10

4. **添加子节点**：如果找到了父节点，将当前元素作为子节点添加到父节点的`children`数组中。如果没找到，可能需要将其暂时存储，待后续查找父节点时再添加。 5. **处理环状引用**：确保处理环状引用，即一个节点...

js用递归实现数组转树状结构

m0_57712926的博客

08-28

2252

目录前言一、需求二、代码演示1、for循环实现2、reduce()实现三、结果演示总结前言工作中前后端都需要将一个扁平的数组转换为嵌套的树状结构的数组，今天一起来看一看前端如何使用递归的方式实现吧~ 一、需求数组中某个对象的pid若与某个对象的id值相同，就将该项加到对应对象的children数组中。 const data = [ { id: '01', name: '张大大', pid: '', job: '项目经理' }, { id: '02', name: '

参与评论您还未登录，请先登录后发表或查看评论

JavaScript递归实现列表赋值（包含children）

weixin_44184425的博客

08-03

3969

今天对接口的时候遇到了树形结构的数据，页面展示的时候需要做一些调整，因此得遍历一下返回的数据。请求得到的数据大致长这样： { "success": true, "code": 200, "message": "请求成功", "data": [ { "id": 1, "pid": 0, "name": "店铺管理", "children": [

js递归循环遍历树形结构

最新发布

m0_60666754的博客

07-04

554

递归循环children加层级tier。

【解决】一个JS数组对象，有三层及以上children，使用递归获取前两层的children

huangfuyk.的博客

05-31

2066

【解决】一个JS数组对象，有三层及以上children，使用递归获取前两层的children...

js递归操作树形结构

weixin_53990507的博客

12-13

6762

js递归操作树形结构（不限制层级）

js递归遍历讲解

天心天地生的博客

03-25

834

JavaScript的递归遍历会经常遇到，适当的运用递归遍历，可以提高代码性质量。 1.某些时候递归能替换for循环我们先看一下下面2个例子。 var arrList = [1,2,3,5,100,500,10000,10000,1000,10000002] //for循环测试 function forTest(){ console.time("for循环") for(l...

js递归方式遍历寻找树形结构数据中的节点

CaseyWei

12-08

8413

实现思路就是通过递归函数判断当前节点是否等于要找的节点id，如果不是再判断是否有children节点，再通过递归的方式将children节点传值到函数里面去调用这样就可以通过递归的方式遍历所有树形结构数据找到对应的节点。 ...

js用闭包遍历树状数组的方法

10-23

如果当前项没有匹配的ID，我们将检查该项是否有`children`属性，如果有，就递归调用自身来遍历子节点。在这个过程中，闭包的关键作用在于保持每次递归调用的`menuId`和当前遍历到的节点`m`的状态，这样我们就可以...

js 实现 list转换成tree的方法示例（数组到树）

12-02

在JavaScript中，将一个列表（list）转换为树形结构（tree）是常见的需求，特别是在处理具有层级关系的数据时，例如组织结构、菜单系统等。本文将详细介绍如何使用JavaScript实现这个转换过程，以一个简单的例子作为...

js代码-递归练习：构建树状数组

07-14

在`main.js`文件中，我们可能会看到类似以下的递归函数，用于将扁平化的数据结构转换为树状数组： ```javascript function buildTree(arr, idKey, pidKey) { const nodeMap = {}; arr.forEach(node => { nodeMap...

JavaScript 递归的几种写法

灵台方寸山斜月三星洞

07-18

5686

树型结构生成sql，用于插入mysql。(也就是叫你调用函数名)有的时候，我们拿到一个树，但是没有。递归调用接口，结果组装成 map。我们如下处理给它补上。

JS递归分类下所有子分类

liyichuanZhengzhou的博客

10-25

182

【代码】JS递归分类下所有子分类。

js递归遍历树形json数据（找到children数据）

Ginger博客

09-30

3150

var returnedItem; //定义一个不不赋值的变量 var find = function(arr, id){ arr.forEach((item) => { //利用foreach循环遍历 if(item.id==id)//判断递归结束条件 { returnedItem = item; .

使用reduce递归获取有多层嵌套的数组中的children

MtangEr的博客

03-05

444

使用reduce、foreach、flatMap等多种方式，递归获取多层嵌套数组中的children，

使用递归进行数组的每一项的组合

qq_40313825的博客

06-26

381

需求：数组中的每一项都要结合例如(这里的数组长度不固定，子集的children也是不固定的)： arr = [ { name: "颜色", children: [ { text: "红色" }, { text: "蓝色" } ] },...

js将list转化为tree格式的几种写法

shb7433185的博客

09-10

1920

最近在考虑一个树状结构存储。最终需要将list转化为tree格式源数据示例源数据共401条 [{ "menuId" : "5f50c5fb8f0d74536bbfb7a4", "menuName" : "菜单管理", "parentMenuId" : null }, { "menuId" : "5f524416ff216c2cbc554907", "menuName" : "频道管理", "parentMenuId" : "5f50c5fb8f0d74536bbfb7a4" }, { "menuId"

js 递归展开对象中的数组

zeroyulong的博客

09-29

823

提取深层嵌套数据结构中的子数组到一层

js 递归处理树形结构数据

灰色头像@的博客

08-02

1011

获取懒加载的树形结构，（因为懒加载封装的数据结构是分开装的）需求：根据点击子节点查询没有就一直向上查。思路：拿到树形结构数组直接递归查询。拼接成树形结构在处理。

js 数组递归处理children

05-15

可以使用递归函数来处理数组中的 children 属性。假设数组中的每个元素都是一个对象，其中包含一个名为 children 的属性，它可能是一个数组或一个空值。你可以使用以下代码来递归处理 children 属性： ```javascript function processChildren(arr) { if (!arr || !Array.isArray(arr)) { return; } for (let i = 0; i < arr.length; i++) { const item = arr[i]; if (item.children && Array.isArray(item.children)) { processChildren(item.children); } // 在这里处理每个元素 console.log(item); } } // 示例数据 const data = [ { name: "A", children: [ { name: "B", children: [ { name: "C", children: null }, { name: "D", children: null } ] }, { name: "E", children: null } ] }, { name: "F", children: null } ]; processChildren(data); ``` 这个函数会遍历数组中的每个元素，如果该元素包含 children 属性并且它是一个数组，那么就递归处理该数组。然后你可以在处理完 children 属性之后对每个元素进行处理。在这个示例中，我只是简单地打印每个元素，但你可以根据自己的需求进行处理。