将js对象转化为树形结构

流程：

建立新数组result
判断是否为数组，不是直接返回
建立标记对象，遍历数组，把id作为属性名，当前对象为值保存起来
遍历数组，获得父节点map[item.pid]
如果父节点存在，往父节点的children属性中push当前item
如果没有父节点，直接把当前item加入result

source = [{id: 1,pid: 0,name: 'body'}, {id: 2,pid: 1,name: 'title'}, {id: 3,pid: 2,name: 'div'}]function dd(data){if(!Array.isArray(data)){return data}let result=[]let map={}data.forEach(item=>{map[item.id]=item})data.forEach(item=>{let p=map[item.pid]if(p){(p.children||(p.children=[])).push(item)}else{result.push(item)}})return result}console.log(dd(source))

将js对象转化为树形结构相关推荐

elementui树状菜单tree_vue.js+element-ui做出菜单树形结构
这次给大家带来vue.js+element-ui做出菜单树形结构,vue.js+element-ui做出菜单树形结构的注意事项有哪些,下面就是实战案例,一起来看一下. 由于业务需要,要求实现树形菜单, ...
python list转换成树形结构_列表数据（包含父节点关系）转化为树形结构
今天开发遇到一个需求,就是把包含父子关系的数据转化为树形结构,这个需求来自我开发的一个功能,前端需要使用 Element 的级联选择器实现行业级联选择的功能. 列表数据类型每条数据都列出了其父 id ...
将数据库查询出来的数据转化成树形结构
从数据库查询的每一条数据都包含id和fid字段,将获得的数据转换成树形结构假设从数据库查询出来的数据对应的实体类: public class department {private int id;p ...
js生成简单的树形结构_思维干货收藏，“决策树”一种可视化决策的简单方法...
今天来介绍一种决策可视化的模型,作为质量人特别是在呈现质量问题解决和质量数据分析时都会应用到,这里通过网络我收集了下面这篇文章分享给大家,一起交流和学习,希望能给你带来帮助,同时分享你的建议和意见. ...
JS 对象转化为数组
上代码: let result = {'121332':'dedsdf','3434':'fgfsdf','3477':'dhff'};let resultArr = []; for(let item ...
js使用广度优先给树形结构添加level
const getStockTableColumns = () => {const columns = [{title: '',children: [{title: '基础信息',childre ...
组织架构树形结构布局
实现组织架构的头部内容首先实现头部的结构,采用element的行列布局  <el-card class="tree-card" ...
Vue人资中台--公司组织架构(树形结构)
组织架构树形结构布局目标:使用element-UI组件布局组织架构的基本布局认识组织架构组织架构产品prd 一个企业的组织架构是该企业的灵魂,组织架构多常采用树形金字塔式结构,本章节,我们布局出 ...
人资项目day06-组织架构树形结构布局
使用element-UI组件布局组织架构的基本布局认识组织架构组织架构产品prd 一个企业的组织架构是该企业的灵魂,组织架构多常采用树形金字塔式结构,本章节,我们布局出页面的基本结构实现组织架构 ...

将js对象转化为树形结构

将js对象转化为树形结构相关推荐

最新文章

热门文章