js，递归数据处理

最新推荐文章于 2025-06-03 18:20:00 发布

从零开始记录

最新推荐文章于 2025-06-03 18:20:00 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：问题解决 js 文章标签：前端

本文链接：https://blog.csdn.net/xiaoxiannvla/article/details/126748072

问题解决同时被 2 个专栏收录

5 篇文章

订阅专栏

2 篇文章

订阅专栏

本文介绍如何使用JavaScript进行递归操作，处理树形数据。首先定义了一个包含多级成员的树形列表，其中成员最后一级的member为空。接着，通过递归实现两个功能：一是获取树中所有成员并存入数组；二是根据特定key筛选满足条件的成员，过滤掉不符合条件的数据，并保持原树形结构。示例展示了如何调用这些递归函数并得到结果。

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

先定义一组树形列表数据

规定：树的最后一级 member 为空的即为成员

const memberList = [{
        name: '研发部',
        member: [{
                name: '前端',
                member: [{
                    name: '张三',
                    age: 18,
                    member: []
                }]
            },
            {
                name: '后端',
                member: [{
                    name: '李四',
                    age: 24,
                    member: []
                }]
            }
        ]
    },
    {
        name: '市场部',
        member: [{
                name: '主管',
                member: [{
                    name: '王五',
                    age: 30,
                    member: []
                }]
            },
            {
                name: '经理',
                member: [{
                    name: '老六',
                    age: 28,
                    member: []
                }]
            }
        ]
    }
];

< 一 >递归获取全部成员

获取到该树形列表下的所有成员，并放入数组中返回

const getAllMember = (arr) => {
    let member = [];
    arr.forEach(item => {
        if (item.member && item.member.length) {
            member = [
                ...member,
                ...getAllMember(item.member)
            ]
        } else {
            member.push(item.name);
        }
    });
    return member;
}

调用结果

< 二 >递归筛选满足条件的成员

定义一个 key 作条件，过滤掉不满足该条件的数据，将满足条件的数据以原树形格式返回

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;
}

调用结果（过滤掉小于20 岁的成员）