Vue/Js 递归函数封装:查询数组对象内容,合并至一个数组中

实现需求:把一个多维数组对象 通过条件 合并至一个数组中;如下图需求:

Vue/Js 递归函数封装:查询数组对象内容,合并至一个数组中_第1张图片Vue/Js 递归函数封装:查询数组对象内容,合并至一个数组中_第2张图片

递归代码封装实现:

// 递归设置
function setHandleListb(list) {
  const arr = [];
  let obj = {};           
  list.forEach(item => {       
      const tmp = { ...item };
      if(tmp.purview_tag){
        if (tmp.children) {
          const chirlList = setHandleListb(tmp.children)
          obj = {
            purview_tag: tmp.purview_tag,
            admin_menu_id: tmp.admin_menu_id,
            icon: tmp.icon,
            is_show: tmp.is_show,
            name:  tmp.name,
            parent_id:  tmp.parent_id,
          }
          arr.push(obj)
          arr.push(...chirlList);
        }
         else {
          obj = {
            purview_tag: tmp.purview_tag,
            admin_menu_id: tmp.admin_menu_id,
            icon: tmp.icon,
            is_show: tmp.is_show,
            name:  tmp.name,
            parent_id:  tmp.parent_id
          }
          arr.push(obj);
        }
      }
  })
  return arr;
}

// 使用设置存储
export function setMenuList(menu) {
  // 操作权限列表 purview_tag
  const result = JSON.stringify(setHandleListb(menu))
  window.sessionStorage.setItem('HandleChirldList', result)
}

// 取出操作权限设置
export function getHandleChirldList() {
  var list = window.sessionStorage.getItem('HandleChirldList');
  if (list) {
    return JSON.parse(list);
  }
  return [];
}

以上内容仅供参考!

你可能感兴趣的:(JS/JQ,vue,技巧,vue,js,递归查询对象)