JS 将多维对象数组拉平成一维

最新推荐文章于 2023-04-21 20:05:06 发布

原创最新推荐文章于 2023-04-21 20:05:06 发布 · 947 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了一种JavaScript中将包含子数组的对象数组扁平化的递归方法。通过遍历数组并递归处理子元素，将多级结构转换为单一层次。示例代码展示了如何删除children属性并整合成新的数组。

前言

记录一下用过的方法~ 对象数组扁平化,有别的方法可以评论区交流一下

代码如下：


    const array = [{
            id: 1,
            title: "课程 1",
            children: [{
                    id: 4,
                    title: "课程 1-1"
                },
                {
                    id: 5,
                    title: "课程 1-2",
                    children: [{
                            id: 6,
                            title: "课程 1-2-1"
                        },
                        {
                            id: 7,
                            title: "课程 1-2-2"
                        },
                    ],
                },
            ],
        },
        {
            id: 2,
            title: "课程 2"
        },
        {
            id: 3,
            title: "课程 3"
        },
    ];

    // 递归调用
    function steamroller(arr) {
        var newArr = [];
        arr.forEach(element => {
            newArr.push(element)
            if (element.children) {
                newArr.push.apply(newArr, steamroller(element.children))
                delete element.children
            } else {
               
            }
        });
        return newArr
    }
    console.log(steamroller(array))