React项目中，递归写法获取tree的id集合

蓉妹妹

于 2025-03-24 12:00:12 发布

阅读量290

点赞数 2

文章标签： react.js

本文链接：https://blog.youkuaiyun.com/weixin_43517190/article/details/146472319

版权

后端接口返回一个childrens的树，最后要拿到的是每个childrens下第一个对象的id集合，用于编辑页的回显

在这里插入图片描述

采用的是递归写法！！！！！！！！

const categoryIds: Array<number> = [];
if (res.categoryVo) {
    categoryIds.push(Number(res.categoryVo.id));
    setCategoryIds(res.categoryVo.childrens, categoryIds);
}
console.log(categoryIds);

/**
 * 分类后端返回的是tree,递归获取分类的所有ids用于页面渲染
 * @param array
 * @param categoryIds
 */
function setCategoryIds(array: Array<any>, categoryIds: Array<number>) {
    for (const i in array) {
        var data = array[i];
        categoryIds.push(Number(data.id));
        if (data.childrens) {
            setCategoryIds(data.childrens, categoryIds);
        }
    }
}