树结构 递归删除不符合要求的数据

//根据过滤数组中的某些对象
        let test1 = [
            {
                key1:"vaue1",
                show:true,
                children:[
                    {
                        childrenKey1:"childrenValue1",
                        show:false
                    },
                    {
                        childrenKey2:"childrenValue1",
                        show:true
                    }
                ]
            },
            {  key2:"vaue2", show:true,},
            {  key3:"vaue3", show:true,},
            {  key4:"vaue4", show:false,},
        ]

        function fil(arr) {
            // filter和map 有一个本质的区别 就是改变了数组的长度  map 只能修改item 不能删除
          return arr.filter((item)=>{
                if(item.show){
                    return true
                }
            }).map((item)=>{
                if(item.children){
                    
                    return item = fil(item.children)
                }
                return item
            })
        }
     console.log(fil(test1))