js list数据 转 树状 层级 JSON，递归生成树状 层级 JSON

最新推荐文章于 2023-04-20 14:00:11 发布
最新推荐文章于 2023-04-20 14:00:11 发布
阅读量330 收藏 2
点赞数
文章标签： json
原文链接：http://www.cnblogs.com/pangguoming/p/7373991.html
版权 
<!DOCTYPE html>
<html>
<head>
<script>
var data=[
{"id":"aaa","parentId":"account","spType":0,"layerId":0,"seqId":1,"name":"阿萨德发多少","deleted":"0"},
{"id":"account","parentId":"","spType":0,"layerId":0,"seqId":50,"name":"账户","deleted":"0"},
{"id":"bbb","parentId":"account","spType":0,"layerId":0,"seqId":2,"name":"阿萨德发多少","deleted":"0"},
{"id":"ccc","parentId":"account","spType":0,"layerId":0,"seqId":3,"name":"a啊都是发","deleted":"0"},
{"id":"ddd","parentId":"dispatch","spType":0,"layerId":0,"seqId":1,"name":"大夫","deleted":"0"},
{"id":"dispatch","parentId":"","spType":0,"layerId":0,"seqId":2,"name":"通知公告","deleted":"0"},
{"id":"eee","parentId":"dispatch","spType":0,"layerId":0,"seqId":2,"name":"；卡萨丁","deleted":"0"},
{"id":"fff","parentId":"gridding","spType":0,"layerId":0,"seqId":1,"name":"拉收到了","deleted":"0"},
{"id":"gridding","parentId":"","spType":0,"layerId":0,"seqId":1,"name":"网格化管理","deleted":"0"},
{"id":"portals","parentId":"","spType":0,"layerId":0,"seqId":3,"name":"综合信息门户管理","deleted":"0"}
];

   var getJsonTree=function(data,parentId){
    	var itemArr=[];
		for(var i=0;i<data.length;i++){	
			var node=data[i];
			//data.splice(i, 1)
			 if(node.parentId==parentId ){	
				var newNode={id:node.id,title:node.name,nodes:getJsonTree(data,node.id)};
				itemArr.push(newNode);				 
			 }
		}
		return itemArr;
    }
	
	console.log(getJsonTree(data,''));
	
	
</script>
</head>

<body>


</body>
</html>

　　

转载于:https://www.cnblogs.com/pangguoming/p/7373991.html

aotun7642
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jtopo读取Json生成树状拓扑图
03-05
Jtopo读取Json生成树状拓扑图,Json结构如下，可添加业务需要字段 // id 节点唯一标识 // name 节点名字 // type 节点类型 // pid 父节点标识 // error “0”无异常 “1”有异常 // errorMessage 异常内容
js 实现 list转换成tree的方法示例（数组到树）
12-02
目标： JS 将有父子关系的平行数组转换成树形数据 方法：双重遍历，一次遍历parentId,一次遍历id == parendId; 该方法应该能很容易被想到，实现起来也一步一步可以摸索出来； const oldData = [ {id:1,name:'boss',parentId:0}, {id:2,name:'lily',parentId:1}, {id:3,name:'jack',parentId:1}, {id:4,name:'john',parentId:2}, {id:5,name:'boss2',parentId:0}, ] function listT
js中列表与树形结构之间的转换及常见操作
oleiwoaboluo的博客
04-20 1096
【代码】js中列表与树形结构之间的转换及常见操作。
最简便的list数据转树形结构方法（递归详细）
热门推荐
js_admin的博客
05-31 1万+
后台返回数据是一行一行的，但是前端展示要树形结构数据，所以需要我们自己处理函数了，小编在此献丑了，小写一个简便函数供大家参考，希望反馈一下。 返回数据格式 : var list= [ { name: '根目录1', id: 1, parentId: 0 }, { name: '根目录2', id: 2, parentId: 0 }, { name: '目录1-1', id: ...
java list 转 树形json 递归效率对比
yzh20170720的博客
12-19 4430
很多人都遇到过树形json字符串问题。 转树形json我第一反应想到的就是用递归。可是递归速度很慢。 下面是递归的写法:  roots:是最终返回的树形list，直接转换成json就行了。list:是普通的list，需要转成树形的list。 public static void getTree(String parentId,List list,List roots){
利用java+mysql递归实现拼接树形JSON列表的方法示例
10-19
本篇文章将详细讲解如何利用Java和MySQL递归地实现拼接树形JSON列表的方法。 首先，我们需要理解问题的整体思路。在数据库中，我们可以将每个分类（或节点）存储为一个记录，包含ID、父ID（PID）以及名称等字段。...
Java递归算法构造JSON树形结构
10-20
Java 递归算法构造 JSON 树形结构 Java 递归算法构造 JSON 树形结构是指通过 Java 语言使用递归算法将...Java 递归算法构造 JSON 树形结构是一种高效、简洁的数据处理方法，广泛应用于各种树形结构数据处理场景。
js 递归json树实现根据子id查父id的方法分析
01-19
本文实例讲述了js 递归json树实现根据子id查父id的方法。分享给大家供大家参考，具体如下： 最近做了一个类似用js实现思维导图的功能，作为思维导图，一定会有树状结构的数据产生，在操作里面的节点时会经常需要查找...
java根据数据库表内容生产树结构json数据的方法
10-20
在Java开发中，将数据库表内容转换为树结构的JSON数据是常见的需求，尤其是在构建具有层级关系的数据展示，如组织架构、菜单系统等。本文将详细介绍如何使用Java根据数据库表内容生成树结构的JSON数据。 首先，我们...
thinkphp5框架实现数据库读取的数据转换成json格式示例
01-20
这个方法遍历数据集，构建一个具有层级关系的树形结构。 `findChild`函数则用于递归地处理子节点。它通过静态变量`$tree`来存储构建好的树结构，并遍历数组，将每个元素及其子元素添加到`$tree`中。这样可以确保...
wg_listToTree1.1
08-25
wg_listToTree小插件 用 javascript 将List数组转换为Tree 包含一个小示例
js 实现 list转换成tree；tree转换成list
qqjuanqq的博客
10-18 960
1、list转换成tree；2、tree转换成list；
js动态解析多层级json数据生成html页面【文尾附demo源码包】
赏樱看雪撸代码
03-09 3998
前端js动态解析复杂的dom结构，js动态解析多级json，js页面结构多级嵌套动态解析json数据
js将列表组装成树结构的两种方式
似月是你
08-24 790
js将列表组装成树结构的两种方式
JavaScript 解决 list to tree 问题
LeeSirbupt的博客
08-01 1001
后端方便保存的树状结构是一层结构，通过 parentId 来确认父子关系。然而前端树组件，比如 antd 的树组件，需要的输入数据是 children 形式的数据，这个时候就需要将 list 结构的数据转化成 tree 结构的数据。 输入数据为： [ { "id": "12", "parentId": "0", "text": "Man", "l...
js中把jsonArray递归的方法转成树形的json对象
axe的专栏
01-22 6272
一个json 数组 var nodes = [ {"id":2,"title":"第一级1","parentid":0}, {"id":3,"title":"第二级1","parentid":2}, {"id":4,"title":"第二级2",&
将tree的树结构，按顺序拆分成平级数据
luckysyy的博客
07-02 2377
将tree的树结构，按顺序拆分成平级数据&lt;script&gt; var json = { id:'1', pid:'-1', children:[{ id:'1_1', pid:'1' },{ id:'1_2', pid:'1', children:[{ id:'2_1', pid:'1_2' },{ id:'2_...
Java 递归反序列化树形JSON数据，生成平级数据
最新发布
05-25
假设我们有以下的树形 JSON 数据： ```json { "id": 1, "name": "A", "children": [ { "id": 2, "name": "B", "children": [ { "id": 3, "name": "C", "children": [] }, { "id": 4, "name": "D", "children": [] } ] }, { "id": 5, "name": "E", "children": [ { "id": 6, "name": "F", "children": [] } ] } ] } ``` 现在我们想要将它转换为平级数据，即： ``` 1-A 2-B 3-C 4-D 5-E 6-F ``` 我们可以使用递归的方式来实现这个功能，具体的步骤如下： 1. 定义一个 `TreeNode` 类来表示树形节点。 ```java public class TreeNode { private int id; private String name; private List<TreeNode> children; public TreeNode(int id, String name, List<TreeNode> children) { this.id = id; this.name = name; this.children = children; } // getters and setters } ``` 2. 编写递归函数 `flatten`，用于将树形结构转换为平级结构。 ```java public static List<String> flatten(TreeNode node) { List<String> result = new ArrayList<>(); result.add(node.getId() + "-" + node.getName()); for (TreeNode child : node.getChildren()) { result.addAll(flatten(child)); } return result; } ``` 3. 在主函数中调用 `flatten` 函数，并将结果输出。 ```java public static void main(String[] args) { String json = "{\"id\":1,\"name\":\"A\",\"children\":[{\"id\":2,\"name\":\"B\",\"children\":[{\"id\":3,\"name\":\"C\",\"children\":[]},{\"id\":4,\"name\":\"D\",\"children\":[]}]},{\"id\":5,\"name\":\"E\",\"children\":[{\"id\":6,\"name\":\"F\",\"children\":[]}]}]}"; Gson gson = new Gson(); TreeNode root = gson.fromJson(json, TreeNode.class); List<String> result = flatten(root); for (String s : result) { System.out.println(s); } } ``` 运行程序后，输出以下结果： ``` 1-A 2-B 3-C 4-D 5-E 6-F ``` 这样我们就成功地将树形 JSON 数据转换为平级数据了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值