递归简化数据处理方式

苗雪松

已于 2022-09-14 15:05:28 修改

阅读量339

点赞数 1

分类专栏：递归文章标签：前端 javascript c++

于 2022-09-14 10:42:19 首次发布

本文链接：https://blog.csdn.net/weixin_42930684/article/details/126847486

版权

递归数据处理过滤层级结构 JavaScript

关键词由CSDN通过智能技术生成

递归专栏收录该内容

1 篇文章 0 订阅

订阅专栏

递归简化数据处理前的数据
[
{
“guid”: “C81242A4E81A278BE0501AACD4C71F2D”,
“code”: “01”,
“name”: “预算科”,
“children”: [
{
“guid”: “C81397AB80A17B29E0501AACD4C7622A”,
“code”: “907”,
“name”: “包头市财政局（预算）”,
“children”: [
{
“guid”: “C81397AB80A27B29E0501AACD4C7622A”,
“children”: [],
“code”: “907001”,
“name”: “预算科本级”,
}
]
}
],
}
]
处理方式

 getMiniNodes(array) {
    const filterList = []
    array.forEach((ele) => {
      const { children, guid } = ele
      if (children && children.length) {
        const currentEle = {
          children: [],
          guid
        }
        const result = this.getMiniNodes(children)
        if (result.length) {
          currentEle.children = result
          filterList.push(currentEle)
        }
      } else {
        filterList.push({ guid })
      }
    })
    return filterList
  }
  }```
处理后的数据
[
    {
        "guid": "C81242A4E81A278BE0501AACD4C71F2D",
        "children": [
            {
                "guid": "C81397AB80A17B29E0501AACD4C7622A",
                "children": [
                    {
                        "guid": "C81397AB80A27B29E0501AACD4C7622A",
                    }
                ]
            }
        ]
    }
]


递归数据过滤（例如过滤最底层掉符合某个条件的数据）
```html
const filterMember = (key, data) => {
    const filterList = [];
    data.forEach((ele) => {
        const { member, ...other } = ele;
        if (member && member.length) {
            const currentEle = {
                member: [],
                ...other
            };
            const result = filterMember(key, member);

            if (result.length) {
                currentEle.member = result;
                filterList.push(currentEle);
            }
        } else if (other.age > key) {
            filterList.push(other);
        }
    });
    return filterList;
}

处理后的数据（过滤掉了最底层的一个数据）

[
    {
        "guid": "C81242A4E81A278BE0501AACD4C71F2D",
        "children": [
            {
                "guid": "C81397AB80A17B29E0501AACD4C7622A",
                "children": [], //过滤掉的数据
                "code": "907",
                "name": "包头市财政局（预算）",
            }
        ],
        "code": "01",
        "name": "预算科",
    }
]