美文网首页
js过滤tree类型的数据

js过滤tree类型的数据

作者: 洛梓煕 | 来源:发表于2021-10-11 10:31 被阅读0次
 //递归过滤隐藏菜单
const genAuthList=(tree = [], validate = () => {}, param = [], arr = []) =>{
      if (!tree.length) return []
      for (let item of tree) {
        if (!validate.apply(null, [item, ...param])) continue
        let node = { ...item, children: [] }
        arr.push(node)
       if (item.children && item.children.length)
          genAuthList(item.children, validate, param, node.children)
      }
      return arr
    },

tree表示需要过滤的tree数组
validate表示需要过滤的函数,自定义

例子:


image.png

genAuthList(router, (it) => !it.hidden)
过滤tree列表数据中包含hidden为true的数据(我这边是做菜单隐藏用的)

相关文章

  • js过滤tree类型的数据

    tree表示需要过滤的tree数组validate表示需要过滤的函数,自定义 例子: genAuthList(ro...

  • webpack 进阶1014

    webpack 进阶 1.JS-Tree-Shaking(过滤) 2.CSS-Tree-Shaking 3. 代码...

  • 06-webpack-进阶

    1.Tree-Shaking Tree-Shaking的作用是过滤掉没有用到的JS代码和CSS代码。如果不过滤的话...

  • js实现树级递归,通过js生成tree树形菜单(递归算法)

    需求:首先这是一个数据集—js的类型,我们需要把生成一个tree形式的对象 : js转换为上面数据集,实现数树级递...

  • JS的类型转换

    JS的数据类型: 首先, JS的数据类型分为基本数据类型和引用数据类型基本数据类型: string number ...

  • 过滤器

    ...过滤器分为全局过滤器和局部过滤器全局过滤器的格式:html:{{数据,全局过滤器的名字}}//解析数据js:...

  • angular中的过滤器

    过滤器(filter) 格式化数据 过滤数据(filter) limitTo orderBy 及 json 在js...

  • js数据类型

    JS基本数据类型和引用数据类型(JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝) 再讲 js 的基本数据类...

  • JS数据类型判断

    js中可以通过typeof来判断基本的数据类型。 数据类型 js的数据类型分为基本数据类型和引用数据类型,基本数据...

  • 【js类型判断】包装类以及isArray,instanceof,

    谈到JS的类型判断,首先我们先了解JS当中的数据类型内容。 JS数据基本类型和引用类型 基本类型:undefine...

网友评论

      本文标题:js过滤tree类型的数据

      本文链接:https://www.haomeiwen.com/subject/jolloltx.html