2019-11-19(前端处理JSON树等等)

最新推荐文章于 2022-08-01 11:15:54 发布

MonsteriU

最新推荐文章于 2022-08-01 11:15:54 发布

阅读量171

点赞数

分类专栏：工作经验文章标签： javascript

本文链接：https://blog.csdn.net/MonsteriU/article/details/103304082

版权

本文介绍了如何使用JavaScript将平面JSON数据转化为JSON树结构，并详细讲述了如何在JSON树中通过id查找特定节点及其所有父节点，同时给出了获取数据父子关系路径的方法。文中还提到了CSS技巧，当盒子高度可能超出设定值时，启用overflow-y: scroll来显示滚动条。

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

将平面JSON数据创建为JSON树

 function createTreeData(data) {
    // 删除 所有 children,以防止多次调用 
			data.forEach( item => {
   
				delete item.children;
			}); 
			// 将数据存储为 以 id 为 KEY 的 obj 索引数据列
			var obj = {
   };
			data.forEach( item => {
    
				obj[item.id] = item;
			}); //        console.log(obj); 
			var arr = [];
			data.forEach(function(item) {
    // 以当前遍历项，的pid,去obj对象中找到索引的id 
				var parent = obj[item.pId]; // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
				if(parent) {
   
					(parent.children || (<