傳智播客 前端讲师
今天拿到这样的数据格式,是平的,需要将它转换成有层级结构的数据,
letdata=[{id:5,pid:0,label:"2"},{id:1,label:"1",pid:0,},{id:2,label:"1-1",pid:1,},{id:3,label:"1-1-1",pid:2,},];
这些数据里面有个id,还有一个pid,pid是父id,id是每一个对象里面自己的id,现在要根据里面的层级关系,转化成如下所示的数据
[{label:"此电脑",id:1,pid:0,children:[{label:"视频",children:[{label:"捕获",children:[]}]}]}]
方便组件的调用,那么应该如何做好点,首先
我们先定义一下里面的数据格式
letdata=[{id:1,pid:0,label:"此电脑"},{id:6,pid:0,label:"第二第一层"},{id:4,pid:1,label:"图片"},{id:2,pid:1,label:"视频"},{id:3,pid:2,label:"捕获"},{id:5,pid:2,label:"Airplayer"},];
这里面的数据,pid=0的表示是最顶层菜单,这里我们可以先将最顶层菜单构造出来,然后再递归生成里面的子菜单