js 工具函数,构造递归菜单组件1

mysql 表里这种结构

js 工具函数,构造递归菜单组件1_第1张图片

我们实际想要的是树型结构

js 工具函数,构造递归菜单组件1_第2张图片

直接上代码


buildMenuTree: function (arr, res = []) {
  for (let i = 0; i < arr.length; i++) {
   if(arr[i].type === '0') {
     arr[i].children = []
     for (let j = 0; j < arr.length; j++) {
       if (arr[i].id === +arr[j].parentId) {
         arr[i]['children'].push(arr[j])
       }
     }
     if(arr[i].children.length>0) {
       res.push(arr[i])
     }else {
       delete arr[i].children
       res.push(arr[i])
     }
   }
  }
  return res
}
欢迎点赞+评论+转发,蜗牛老湿作

你可能感兴趣的:(javascript前端)