蜡笔雏田学前端 2022-08-22 19:33 采纳率: 33.3%
浏览 125
已结题

关于#嵌套数组#的问题,如何解决?

我想在这个嵌套数组rewriteArr中过滤出含有pagepermission这个属性的对象,最后返回一个新数组

img

我想要达到的结果:

img

有谁知道的吗!求解!

  • 写回答

2条回答 默认 最新

  • 雾里桃花 2022-08-22 21:13
    关注
    
    let rewriteArr = [
        {
            id: 1, 
            label: '首页',
            pagepermisson: 1,
            children: [
                {
                    id: 2, 
                    label: '首页2',
                }
            ]
        },
        {
            id: 3, 
            label: '首页3',
            pagepermisson: 1,
            children: [
                {
                    id: 4, 
                    label: '首页4',
                    pagepermisson: 1,
                },
                 {
                    id: 5, 
                    label: '首页5',
                }
            ]
        }
    ]
    
    function filterArr(data, arr = []) {
        data.map(item => {
            if(item.pagepermisson) {
                arr.push({id: item.id, label: item.label, pagepermisson: item.pagepermisson})
            }
    
            if(item.children && item.children.length) {
                filterArr(item.children, arr)
            }
        })
    
        return arr;
    }
    
    console.log(filterArr(rewriteArr)) // [{"id":1,"label":"首页","pagepermisson":1},{"id":3,"label":"首页3","pagepermisson":1},{"id":4,"label":"首页4","pagepermisson":1}]
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 9月3日
  • 已采纳回答 8月26日
  • 赞助了问题酬金5元 8月22日
  • 创建了问题 8月22日

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络,如何解决?
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构,按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分