js递归循环数组(tree结构数据)

最新推荐文章于 2023-02-22 16:25:55 发布
原创 最新推荐文章于 2023-02-22 16:25:55 发布 · 2.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

这篇博客介绍了如何使用JavaScript处理树形结构数据，特别是递归遍历具有子节点的数组。通过示例代码展示了如何扁平化树结构数据，以便于操作和处理。

var tdata = [{

"bs": "no",

"child": [],

"deptCode": "4811ca4f951e4ae4bb4a3c01b17aff6e",

"deptName": "百得利",

"gmtCreate": "2020-02-25 11:22:57",

"gmtModified": "2020-02-28 09:52:08",

"id": 24,

"isDeleted": "0",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

},

{

"bs": "yes",

"child": [{

"bs": "no",

"child": [{

"bs": "no",

"child": [{

"bs": "no",

"child": [],

"deptCode": "e4d0cf4408414abfa94088a450cc0d88",

"deptName": "人事一部",

"deptPcode": "4",

"gmtCreate": "2020-02-27 21:14:19",

"gmtModified": "2020-02-28 09:52:59",

"id": 43,

"isDeleted": "0",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

}],

"createdBy": "1",

"deptCode": "4",

"deptName": "人事",

"deptPcode": "3",

"gmtCreate": "2020-02-07 10:51:12",

"gmtModified": "2020-02-28 09:52:43",

"id": 4,

"isDeleted": "0",

"modifiedBy": "1",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

}],

"createdBy": "1",

"deptCode": "3",

"deptName": "事业部",

"deptPcode": "1",

"gmtCreate": "2020-02-07 10:50:39",

"gmtModified": "2020-02-28 09:52:28",

"id": 3,

"isDeleted": "0",

"modifiedBy": "1",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

},

{

"bs": "no",

"child": [{

"bs": "no",

"child": [],

"deptCode": "4dc4d3f716284bd58d05bb01316546b9",

"deptName": "财务1部",

"deptPcode": "2",

"gmtCreate": "2020-02-27 10:08:25",

"gmtModified": "2020-02-28 09:53:27",

"id": 26,

"isDeleted": "0",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

},

{

"bs": "no",

"child": [],

"deptCode": "111",

"deptName": "财务2部",

"deptPcode": "2",

"gmtCreate": "2020-02-18 11:30:00",

"gmtModified": "2020-02-28 09:53:36",

"id": 7,

"isDeleted": "0",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

},

{

"bs": "no",

"child": [],

"createdBy": "1",

"deptCode": "5",

"deptName": "财务3部",

"deptPcode": "2",

"gmtCreate": "2020-02-07 10:49:30",

"gmtModified": "2020-02-28 09:54:14",

"id": 5,

"isDeleted": "0",

"modifiedBy": "1",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

}

],

"createdBy": "1",

"deptCode": "2",

"deptName": "财务部",

"deptPcode": "1",

"gmtCreate": "2020-02-07 10:50:11",

"gmtModified": "2020-02-28 09:53:13",

"id": 2,

"isDeleted": "0",

"modifiedBy": "1",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

}

],

"createdBy": "1",

"deptCode": "1",

"deptName": "集团",

"gmtCreate": "2020-02-07 10:49:30",

"gmtModified": "2020-02-28 09:52:17",

"id": 1,

"isDeleted": "0",

"modifiedBy": "1",

"reamlCode": "518c89f24690439bbd0dab63ce67aa7b"

}

]

 

//方法

function flattenTreeDep(tdata, resData) {

if (Array.isArray(tdata) && tdata.length > 0) {

tdata.forEach(function (v, i) {

if (v.bs == 'yes') {

console.log(v.deptCode)

}

let arr = [];

flattenTreeDep(v.child, arr);

});

}

}

var resData = []

flattenTreeDep(tdata, resData)

sky_LQ
关注
【循环数组】js循环数组的方法合集
weixin_48596030的博客
07-19 4508
【循环数组】js循环数组的方法合集
javascript中线形数据转换为树形数据以及树形数据递归调用
爪哇犀牛
04-04 2346
前言            关于树的问题已经是一个老生常谈的话题了，但是大部分情况下都是通过后台进行异步获取数据，如果使用javascript怎么实现数据库中的线性数据向树形数据转换呢？今天我们就一起来整理一下。必备小知识        js中有六大数据类型，包括五种基本数据类型（Number,String,Boolean,Undefined,Null），和一种复杂的引用数据类型(Object)，...
js数组转换成tree结构数组
08-22
js数组转换成tree结构数组算法
js递归循环数组
08-06 1997
当我们从后台获取回来的数据是一个数组时，而且每个元素是一个对象，对象的层级不确定，需要使用递归循环遍历所有的子元素 var tdata=[　　{　　　　"code": "has Value Domain Member",　　　　"value": "未婚",　　　　"properties": [　　　　　　{　　　　　　　　"code": "MDM VD Member PKID",　　　...
我的Java开发学习之旅------>使用循环递归算法把数组里数据数组合全部列出
字节卷动
06-16 3978
面试题如下：把一个数组里的数组合全部列出，比如1和2列出来为1，2,12,21。 (面试题出自《Java程序员面试宝典》) 代码如下： import java.util.Arrays; import java.util.LinkedList; import java.util.List; /** * 把一个数组里的数组集合全部列出，比如1和2列出来为1，2,12,21 */
JavaScript 树形结构数组处理之递归
熊宗的博客
10-14 2085
一.经典示例 var data = [ { name: "所有物品", children: [ { name: "水果", children: [{name: "苹果", children: [{name: '青苹果'}, {name: '红苹果'}]}] }, { name: '主食', children: [
js递归循环数组添加参数
05-10
嗯，用户想在JavaScript中使用递归遍历数组并添加参数。首先，我需要理解他们的具体需求。他们可能有一个数组，可能包含嵌套的子数组，想要递归地遍历每个元素，并为每个元素添加新的参数。比如，给每个对象添加一个...
js递归循环数组给每一级添加第一级的id
最新发布
05-10
另外，要注意数据结构中每个元素是否有唯一的ID，或者是否需要生成ID。根据用户之前的回答，建议使用唯一ID生成方法，如crypto.randomUUID()，但在示例中可能使用简单的索引或现有ID。 测试案例也很重要，需要构造...
javascript如何用递归写一个简单的树形结构示例
12-12
现在有一个数据，需要你渲染出对应的列表出来： var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ]; var str="<ul>"; data.forEach(function(v,i){ str+="<li><span>"+v.id+"</span></li>" }) str=...
js 实现 list转换成tree的方法示例（数组到树）
12-02
在JavaScript中，将一个列表（list）转换为树形结构...在实际应用中，可以考虑使用更高效的数据结构或算法，如哈希表（HashMap）来优化查找效率。此外，也可以考虑使用递归的方式进行转换，尤其是当树的深度未知时。
js递归遍历数组
qq_43627981的博客
08-15 6340
//假如此数组为初始数据 let list = [{ key: "a", value: '1' }, { key: "b", value: '2' }, { key: "c", value: '3' }, { key: "d", child: [{ key: "d1", value: '4' }, { key: "d...
JS 递归循环
m0_73819206的博客
02-17 1586
递归循环
循环递归-数组
weixin_30875157的博客
12-15 155
private function Fndotoarea($oid){ 　　$oid = $this->CHTID($oid); 　　$arrtaff = array(); 　　$arrt =array(); 　　$arrr = array(); 　　foreach($this->select("SELECT areaname , tid FROM oto...
**JS for循环、map方法对树形结构数据的处理**
你见过思念放过谁的博客
09-04 3065
小程序、前端交流群：609690978 tree树形结构的处理方法： 首先要满足两点： 1.数组内每个对象都得有自己独一无二的id 2.数组内每个对象都得有其父级id且第一级的父级id为0 例如： let data = [ { "id":"1", "name":"第一级", ...
递归循环获得tree树形结构数据
weixin_40045529的博客
03-30 3558
VUE + ElementUI tree组件树形数据处理 一、tree组件代码 <el-tree class="tree_s" :data="treeData" highlight-current :expand-on-click-node="false" node-key="id" default-expand-all :props="defaultProps...
js用递归遍历多维数组_js数组循环遍历有哪些方式？这些方式又有哪些不同？...
weixin_39762856的博客
11-22 777
在很多语言都会遍历数组，在js中也是如此，最常见的莫过于下面这种：let a = ['x','y','z'];for(let i=0;i定义变量i，然后让这个变量作自+1操作，知道这个变量小于数组的长度。然后根据下标获取数组中的每个值。相对于上面这种，我们可以对数组进行for-in循环：let a = ['x','y','z'];for(let i in a){ console.log(a[i])...
js数组递归--------生成tree树形菜单
weixin_44637298的博客
04-22 762
js数组递归 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>数组递归</title> <style> ul>li { list-style: none; padding-top: 10px; } </style> </head> <body> <ul
js 递归循环树形结构，根据某个节点值为节点之前，当前节点，节点之后的对象添加不同的状态值
weixin_43485503的博客
02-22 508
js 递归循环树形结构，根据某个节点值为节点之前，当前节点，节点之后的对象添加不同的值
递归+数组
StringKing的博客
10-15 679
一、什么是递归？ 递归：在一个方法内部对自身进行调用。 利用递归可以用简单的程序来解决一些复杂的问题。比如：裴波那契数列的计算、汉诺塔、快排等问题。 递归的机构 1、定义递归头。解答：什么时候不调用自身方法。如果没有头，将陷入死循环，也就是递归的结束条件。 2、递归体。解答：什么时候需要调用自身方法。 简单的程序是递归的优点之一。但是递归调用会占用大量的系统堆栈，内存耗用多，在递归调用层次多是速度要比循环慢的多，所以在使用递归时要慎重。 求斐波那契数列第N项 import java.u..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值