扁平化后的json根据parentId(父级id,pId) 重组成children树型结构

  • 扁平化后的数组根据parentId(父级id,pId), 重组成children树型结构
const arr = [
  {"menuId":1,"parentId":''},
  {"menuId":3,"parentId":1},
  {"menuId":4,"parentId":1},
  {"menuId":5,"parentId":6},
  {"menuId":6,"parentId":''},
]

toTree = (data) => { 
    // 删除 所有 nodes,以防止多次调用 
    data.forEach(function(item) {
      delete item.children;
    }); // 将数据存储为 以 menuId 为 KEY 的 map 索引数据列
    let map = {};
    data.forEach(function(item) {
      map[item.menuId] = item;
    }); 
    // console.log(map); 
    let val = [];
    data.forEach(function(item) { // 以当前遍历项,的parentId,去map对象中找到索引的menuId
      let parent = map[item.parentId]; // 如果找到索引,那么说明此项不在顶级当中,那么需要把此项添加到,他对应的父级中
      if(parent) {
        (parent.children || (parent.children = [])).push(item);
      } else { //如果没有在map中找到对应的索引menuId,那么直接把 当前的item添加到 val结果集中,作为顶级 
        val.push(item);
      }
    });
    return val;
  } 
console.log(toTree(arr))
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容