用forEach或是map删除符合条件的元素？

Question

var arr = [{
                isChecked: true,
                children: [{
                    isChecked: false,
                    value: 1
                }]
            },
            {
                isChecked: false,
                children: [{
                    isChecked: true,
                    value: 123
                },{
                    isChecked: false,
                    value: 456
                }]
            }
        ]
        
        for(var i=arr.length-1;i>=0;i--){
            if(arr[i].isChecked){
                arr.splice(i,1)
            }
        }
        console.log(arr)

问题描述：期望删除父级节点及子节点isChecked为true的元素；
提问：用foreach替代下面for循环，如何实现呢？

Answer 1

由于 是需要删除数据元素，forEach 和 map 都不合适，可以使用 filter 。

arr.filter(it => it.isChecked !== true)

Answer 2

let tmpArr = arr.filter(item=>{
                    item.children.forEach((i,index,ar)=>{
                        if(i.isChecked){
                            item.children.splice(index,1)
                        }
                    });
                return !item.isChecked
            })
console.log(tmpArr)

Answer 3

递归 + filter