js递归过滤树的常用方法(根据条件去掉树的某些节点)

1.改变键值对

filterTree(treeArr) {
      function eachItem(arr) {
        let res = arr.filter(item => {
          if (item.children && item.children.length > 0) {
            item.children = eachItem(item.children)
          }
          item.key = item.id
          return item
        })
        return res
      }
      return eachItem(treeArr)
    },
    //[
    //     {
    //         key: 6,
    //         path: "/modal",
    //         name: "弹窗",
    //         component: "modal/index",
    //         title: "弹窗", icon: "home", children: []
    //       }
    //]
    
    //[
    //     {
    //         id: 6,
    //         path: "/modal",
    //         name: "弹窗",
    //         component: "modal/index",
    //         title: "弹窗", icon: "home", children: []
    //       }
    //]
    

2.根据条件保留某些节点

从树tree中过滤掉,树的key不在bList数组中的节点

        filterTreeArray(tree, bList) {
            return tree.filter(item => {
                return bList.indexOf(item.key) > -1
            }).map(item => {
                item = Object.assign({}, item)
                if (item.children) {
                    item.children = this.filterTreeArray(item.children, bList)
                }
                return item
            })
        }
      // let menuData = this.filterTreeArray(this.treeData, menuCheckedKyes)   
/*
this.treeData=[
    {
        key: 2,
        name: "构建类管理",
    },
    {
        name: "三级菜单",
        key: 3,
        children: [
            {
                key: 34,
                name: "routeview",
                children: [
                    {
                        key: 35,
                        name: "菜单管理",
                        children: []
                    }
                ]
            },
             {
                key: 36,
                name: "组织管理",
                children: []
            },
        ]
    },
]
menuCheckedKyes=[2,3 , 34]  只要key是2、3、34的
过滤后
this.treeData=[
    {
        key: 2,
        name: "构建类管理",
    },
    {
        name: "三级菜单",
        key: 3,
        children: [
            {
                key: 34,
                name: "routeview",
                children: []
            },
        ]
    },
]

*/


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Java继承关系初始化顺序 父类的静态变量-->父类的静态代码块-->子类的静态变量-->子类的静态代码快-->父...
    第六象限阅读 2,241评论 0 9
  • Remove time complexity: remove from a set is O(1), remove...
    云端漫步_b5aa阅读 720评论 0 0
  • 一、CSS问题 1.flex布局 display:flex; 在父元素设置,子元素受弹性盒影响,默认排成一行,如果...
    陈二狗想吃肉阅读 777评论 0 9
  • MySQL-InnoDB 架构 CheckPoint 已经被flush到页上的LSN。 刷盘策略 缩短数据库恢复时...
    Yves_Chen阅读 315评论 0 0
  • php usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解包。 uni...
    思梦PHP阅读 2,106评论 1 24

友情链接更多精彩内容