使用递归过滤数组中不合法的项目

web全栈-hjq

于 2021-09-08 17:26:23 发布

阅读量162

点赞数

文章标签： javascript html vue.js

本文链接：https://blog.youkuaiyun.com/Webqianduan_hjq/article/details/120184857

版权

这段代码展示了一个名为`recurData`的函数，它通过递归方式过滤掉数组中`isFolder`属性为假的项目。函数首先使用filter方法筛选出`isFolder`为真的元素，然后遍历这些元素，检查它们的`children`属性，如果存在且有子项，就对子项递归调用`recurData`函数进行进一步过滤。最后返回过滤后的数组。给定的`json`数据包含多个层级的结构，经过`recurData`处理后，只保留了`isFolder`为真的项目及其符合条件的子项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用递归过滤数组中不合法的项目

/*
   过滤数组中不合法的项目
   @parmes{Array} ary
   @parmes return 过滤后的数组
 */
let recurData = (arr) => {
     //过滤数组中合法的值用一个变量接收。
      let tempArr = arr.filter(item => !!item.isFolder);
       console.log(tempArr);
       //循环合法的数组，
      for (let item of tempArr) {
        //判断合法数组是否还有children项
        if (item.children && item.children.length) {
        //给当前合法的子向赋值继续递归当前方法
          item.children = recurData(item.children)
        }
      }
      return tempArr
    }
    
    let json = [
      {
        id: 1, isFolder: 1, children: [
          { id: '1-2', isFolder: 0 },
          { id: '1-2', isFolder: 1,
            children:[
            { id: '1-3', isFolder: 0 },
            { id: '1-3', isFolder: 1 },
            { id: '1-3', isFolder: 0},
            { id: '1-3', isFolder: 1},
            ]
          },
          { id: '1-2', isFolder: 0 },
        ]
      },
      { id: 2, isFolder: 0 },
      { id: 3, isFolder: 1,
        children:[]
      },
      { id: 4, isFolder: 0 },
      { id: 5, isFolder: 1 },
    ]
    
    let result = recurData(json)
    console.log(JSON.stringify(result))