js递归处理删除某些节点

一些业务中会遇到得到的树结构不能直接使用，需要处理一波，在过滤数组中，我们应该学会使用filter，filter和map的一点重要区别就是，filter可以改变数组的长度，map不会

//根据过滤数组中的某些对象
        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))