js数组转换拼接成树结构

JavaScript021

js数组转换拼接成树结构,第1张

前端数组转为树结构在我们平时开发中经常遇到,主要用到了递归回调。下面的做法可提供一种转换思路。

我们拿到的数据格式是

我们想要用来渲染页面的格式是

第一步,找出最上面的节点。很明显的parentId为空的数据是最上面的节点。

第二步,找出第二节点加到父节点child数组里面

newList 就是我们的结果。

步骤二三也可以这样处理,可以防止curList.length的值不为空的时候无限循环回调

先说两种办法,一种是缓存数据,遍历数据得到想要的数据

二是把需要的数据放到对应的html结构里如data-title,点击二级栏目时读取读父元素的data-title这样