js实现数组转树

作者: Mr_余 | 来源:发表于2022-06-26 22:19 被阅读0次

1. 原生 封装工具函数 getTree

1.1 定义 -映射对象 map   数组treeList=[]

1.2 遍历 后端返回的数组 list  为 每个数组对象item 添加 children 属性 值为空数组 

1.3  为映射对象 map 添加属性 并赋值  key:id值  value:item  

1.4 遍历数组对象list  当item.pid为空时  为一级目录   将该一级目录数组对象  添加到treeList中

1.5  通过 item.pid获取到 id 不为空时 获取数组对象  pid为01

1.6  获取 映射对象 map 获取到 属性名01    将该数组对象item 添加 到children中 并返回到 treeList中

     代码:

结构图:

相关文章

  • js实现数组转树

    1. 原生 封装工具函数 getTree 1.1 定义 -映射对象 map 数组treeList=[] 1.2 遍...

  • js 数组转树方法

  • 一份头条前端面试准备[整理稿]

    JS打乱数组 JS ajax JS bind 实现 懒加载 JS实现promise JS发布订阅模式 JSONP ...

  • js实现数组转树形结构

    效果如下:

  • 数组检测

    检测是否是数组: 数组转字符串: 字符串转换数组: js对象转换成js字符串: js字符串转换成js对象:

  • 重新认识js复杂类型数据的引用和深浅拷贝

    js 基本概念———— 数据类型 js 深浅拷贝之概念 代码实现 —— 数组和对象的j浅拷贝 代码实现 —— 数组...

  • 二叉树遍历

    了解:js可通过数组内置方法push与shift实现队列;通过push与pop实现栈; 构造二叉树 生成一个二叉树...

  • 数组转树

    把后端传过来的平铺数组数据处理为tree组件需要的树形数据 首先要补充工具函数,在**`src/utils/ind...

  • js的骚操作

    1、js数组索引添加值 2、js函数parseInt(转16进制 py版本

  • 数组

    检测是否是数组: 数组转字符串:join("分隔符")字符串转换数组:split("分隔符") js对象转换成js...

网友评论

    本文标题:js实现数组转树

    本文链接:https://www.haomeiwen.com/subject/ebbgvrtx.html