js递归搜索树形列表数据

 // 递归搜索方法
filterTree(val, tree, newArr = []) {
      if (!(tree.length && val)) {  // 如果搜索关键字为空直接返回源数据
        return tree
      }
      for (let item of tree) {
        if (item.title.indexOf(val) > -1) { // 匹配到关键字的逻辑
          newArr.push(item)  // 如果匹配到就在数值中添加记录

          continue  // 匹配到了就退出循环了此时如果有子集也会一并带着

        }

        if (item.children && item.children.length) { // 如果父级节点没有匹配到就看看是否有子集,然后做递归

          let subArr = this.filterTree(val, item.children) // 缓存递归后的子集数组

          if (subArr && subArr.length) {  // 如果子集数据有匹配到的节点

            let node = { ...item, children: subArr }  // 关键逻辑,缓存父节点同时将递归后的子节点作为新值

            newArr.push(node)  // 添加进数组

          }

        }

      }

      return newArr
    },

    // 给input绑定事件 查找
    searchList(val) {
      if(val == ''){
        this.treeData = this.data
      } else{
        let _res_ = this.filterTree(val, this.data)
        this.treeData = _res_
      }
      
    },

要求输入框搜索 '文字',希望树形结构中带有 “文字” 字的项显示,即使父节点没有,但子节点含有,父节点仍要返回。

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值