递归去除最后一个节点children

最新推荐文章于 2024-03-13 16:08:11 发布

MaxCoool

最新推荐文章于 2024-03-13 16:08:11 发布

阅读量453

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_54858833/article/details/134337888

版权

文章描述了一个需求，即在数据结构中，针对一个省市区组件，需要移除不再需要区的层级。提供了一个名为`checkChild`的函数，通过递归遍历并删除所有子级`children`节点，当所有子级元素都不存在时。

摘要由CSDN通过智能技术生成

数据结构

const mapList = [
{
        "id": 210000,
        "name": "辽宁省",
        "children": [{
            "id": 210100,
            "name": "沈阳市",
            "children": [{
                "id": 210102,
                "name": "和平区"
            }, {
                "id": 210103,
                "name": "沈河区"
            }, {
                "id": 210104,
                "name": "大东区"
            }, {
                "id": 210105,
                "name": "皇姑区"
            }, {
                "id": 210106,
                "name": "铁西区"
            },
            ... 
            ]
        },
]

需求

一个省市区组件, 现在不需要区的选项了, 去掉最后一个children节点

代码

function checkChild(data) {
    return data.map(item => {
        if (item.hasOwnProperty('children')) {
            // 如果有children节点 往下递归赋值给children
            item.children = checkChild(item.children)
            if (item.children.every(item => !item)) {
                // 如果当前children的元素都为 false, 删除当前节点的children
                delete item.children
            }
            return item
        } else {
            // 如果没有children节点  [false, false, ... false]
            return false
        }
    })
}