树型数据筛选，过滤,和查找某一个，从树型数据中把所有的子节点取出来

且菜且折腾

已于 2022-02-11 15:21:31 修改

阅读量3.3k

点赞数 3

分类专栏： js 文章标签： javascript 前端

于 2022-01-27 17:49:02 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43933139/article/details/122721523

版权

js 专栏收录该内容

12 篇文章

订阅专栏

树结构的数据筛选

  const filters = (e: any) => {
    let { value } = e.target;
    let d = JSON.parse(JSON.stringify(treeDataOld));
    let datax = filtersX(value, d);
    setTreedata(datax);
  };
  const filtersX = (val: any, data: Array<any>) => {
    data.forEach((item: any) => {
      if (item.children && item.children.length) {
        item.children = (item.children || []).filter((x: any) => {
          if (x.children && x.children.length) {
            return x.children
              .map((a: any) => a.name)
              .toString()
              .includes(val);
          }
          return x.name.indexOf(val) !== -1;
        });
        filtersX(val, item.children);
      }
    });
    return data;
  };

效果图

在这里插入图片描述

从树结构的数据里查找某一个

const finditem = (arr: Array<any>, key: string) => {
    let obj = "";
    finditemx(arr, key);
    return obj;
    function finditemx(arr: Array<any>, key: string) {
      for (let i = 0; i < arr.length; i++) {
        const item = arr[i];
        if (item.key === key) {
          obj = item;
          break;
        }
        if (item.children) {
          finditemx(item.children, key);
        }
      }
    }
  };

从树型数据中把所有的子节点取出来

  function loop(data: Array<any>) {
    let temp: Array<any> = [];
    loopx(data);
    return temp;
    function loopx(data: Array<any>) {
      if (Array.isArray(data)) {
        data.forEach((item) => {
          if (item.children && item.children.length) {
            loopx(item.children);
          } else {
            temp.push(item);
          }
        });
      }
    }
  }