扁平化数据处理成tree树形结构

let data = [
{exist: "false", appId: "1", name: "组织管理1", menuId: 1, id: 1, type: "menu", parentId: "root"},
{exist: "false", appId: "1", name: "组织管理2", menuId: 2, id: 2, type: "menu", parentId: "root"},
{exist: "false", appId: "1", name: "组织管理3", menuId: 3, id: 3, type: "menu", parentId: "root"},
{exist: "false", appId: "1", name: "组织管理4", menuId: 4, id: 4, type: "menu", parentId: "1"},
{exist: "false", appId: "1", name: "组织管理5", menuId: 5, id: 5, type: "menu", parentId: "1"},
{exist: "false", appId: "1", name: "组织管理6", menuId: 6, id: 6, type: "menu", parentId: "5"},
{exist: "false", appId: "1", name: "组织管理7", menuId: 7, id: 7, type: "menu", parentId: "5"},
{exist: "false", appId: "1", name: "组织管理8", menuId: 8, id: 8, type: "menu", parentId: "7"},
{exist: "false", appId: "1", name: "组织管理9", menuId: 9, id: 9, type: "menu", parentId: "3"},
{exist: "false", appId: "1", name: "组织管理9", menuId: 13, id: 13, type: "menu", parentId: "3"},
{exist: "false", appId: "1", name: "组织管理10", menuId: 10, id: 10, type: "button", parentId: "1"},
{exist: "false", appId: "1", name: "组织管理11", menuId: 11, id: 11, type: "button", parentId: "1"},
{exist: "false", appId: "1", name: "组织管理12", menuId: 12, id: 12, type: "button", parentId: "5"},
];

this.typeMenu = data.filter(item => item['type'] === 'menu');
this.typeButton = data.filter(item => item['type'] === 'button');
this.typeMenu.forEach(item => {item['childMenu'] = [];item['childButton'] = []this.typeMenu.forEach(item1 => {if (Number(item1['parentId']) === Number(item['id'])) {item['childMenu'].push(item1);}});this.typeButton.forEach(item2 => {if (Number(item2['parentId']) === Number(item['id'])) {item['childButton'].push(item2);}});
})
this.typeMenu = this.typeMenu.filter(item => item['parentId'] === 'root');
result = this.typeMenu;

扁平化数据处理成tree树形结构相关推荐

使用ztree.js，受益一生，十分钟学会使用tree树形结构插件
看到ztree.js,这几个字眼,毋庸置疑,那肯定就是tree树形结构了,曾经的swing年代有jtree,后来jquery年代有jstree和treeview,虽然我没写过,但是我见过,一些小功能做 ...
使用递归算法结合数据库解析成java树形结构
使用递归算法结合数据库解析成java树形结构 1.准备表结构及对应的表数据 a.表结构: create table TB_TREE ( CID NUMBER not null, CNAME VARCH ...
java 树状数据算法_使用递归算法结合数据库解析成Java树形结构的代码解析
这篇文章主要介绍了使用递归算法结合数据库解析成Java树形结构的代码解析的相关资料,需要的朋友可以参考下 1.准备表结构及对应的表数据 a.表结构:create table TB_TREE ( CID ...
把数据转换为在内存中Tree(树形结构)。_备战秋招：一文搞定数据库常见面试题...
点击上方"蓝字",关注了解更多 1.数据库范式第一范式:列不可分,eg:[联系人](姓名,性别,电话),一个联系人有家庭电话和公司电话,那么这种表结构设计就没有达到 1NF: 第 ...
java 树结构_Java通用tree树形结构
前言现在大部分都是后端封装树形结构,第一次做的时候想从网上找通用,发现大部分都是要用类的get/set方法,不一样就要改,毕竟懒,改就改改,后来发现部门要,地区要,分类要,于是想着就把之前的用注解和 ...
关于element tree树形结构设置默认展开第一级，第二级，第三级，以此类推
官方default-expand-all是否默认展开所有节点,这个在这里已经不够用了. 第一步:设置node-key属性,每个树节点用来作为唯一标识的属性,整棵树应该是唯一的.例如:node-key= ...
DevExpress的TreeList怎样设置数据源使其显示成单列树形结构
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
XML Tree(树形结构）
xml文档(xml document)使用树形结构表达,以根结点root为开始,逐渐向下发散.它使用一种可自我描述的简单的语法. 一个xml文档分为文件序言(declaration)和文件主体两个大的 ...
EasyUI之Tree树形结构(一)
官网地址:www.jeasyui.net/plugins/186- 前端代码: $("#menuTreegrid").treegrid({url: SysResource.URL. ...

扁平化数据处理成tree树形结构

扁平化数据处理成tree树形结构相关推荐

最新文章

热门文章