pwindy  
在完成任务的同时,还需要不断“复盘”,不论你多么的忙,都需要留下时间思考,可以思考哪些地方做的好,哪些地方我们可以改进,应该如何改进,注重总结才是王道

1.扁平结构

pid:当前对象的父级level等级

level:当前对象的level等级

 2.嵌套结构

 3.代码展示

3.1.定义扁平结构的数据array

pid:当前对象的父级level等级

level:当前对象的level等级

     

 3.2.js部分

复制代码
        // 定义一个新数组
        var chapterTree = [];
flatArray.forEach(c
=> { // 给扁平数据数组的每一个内容项加上一个children属性,属性值为[] c.children = [];
if(c.pid == 0){ // 把没有父级的内容项添加到chapterTree新数组中,定义所有的初级父级 // 之后,往这些初级父级的children属性中添加内容项,见下面的else判断 chapterTree.push(c) }else{ // 通过当前遍历的每一个内容项的pid属性,在flatArray数组中,通过level属性寻找其父级 const theparent = flatArray.find( function(item){ return item.level === c.pid } ); // 把当前遍历的内容项,添加到父级的children属性中去 theparent.children.push(c); } })
复制代码

3.3.打印出效果

    console.log(chapterTree);

           

       

posted on   pwindy  阅读(193)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
 
点击右上角即可分享
微信分享提示