Bootstrap

js处理树形结构数据过滤(递归)

最近项目经常遇到后台接口返回整个树形结构,而前端展示只需要展示部分类型的数据,需要过滤一下,所以整理了一个过滤方法。(递归)

filterTree(tree, arr = []) {
      if (!tree.length) return [];
      for (let item of tree) {
        // 循环数组,然后过滤数据
        // 如果该条数据类型是图层,跳出本次循环
        if (item.nodeType == 1) {
          continue;
        }
        // 如果满足条件时,用新node代替,然后把chilren清空
        let node = { ...item, children: [] };
        // 然后添加到新数组中
        arr.push(node);
        // 如果有子节点,调用递归函数,并把空数组传给下一个函数
        // 利用引用数据类型的特性,实现浅拷贝
        // 递归函数过滤时会改变这个空数组数据,从而实现层级结构过滤
        if (item.children && item.children.length) {
          this.filterTree(item.children, node.children);
        }
      }
      return arr;
    },

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;