问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

递归循环数据

头像
keep_M
    47633352

    下面的数据想用递归或其实灵活的方法
    把他实现成下面的最终结果要怎么实现？？？

    var menus = [];

//数据
{
    "value":[
        {
            "subMenus":[],
            "menuName":"一级",
            "clickUrl":"/"
        },
        {
            "menuName":"一级",
            "subMenus":[{
                "subMenus":[],
                "clickUrl":"/two/a"
                "menuName":"二级"
            },{
                "subMenus":[],
                "clickUrl":"/two/b",
                "menuName":"二级"
            }]
        }
    ]
}

//最终结果
menus: [
    { title: '一级', path: '/'},
    {
        title: '一级',
        children: [
            { title: '二级', path: '/two/a' },
            { title: '二级', path: '/two/b' },
        ]
    },
    {
        title: '一级',
        children: [
            { 
                title: '二级',
                children: [
                    {title: '三级', path: '/three/c'}
                ]    
            }
        ]
    }
]
    javascript
    阅读 2.1k
    2 个回答
    得票最新
    头像
    vsion
      5.1k71839

      直接上代码~

      <html>

    <script src="jquery.min.js"></script>
    <body>
        <script>
            var menus = [];

            var  temp = {
                "value":[
                    {
                        "subMenus":[],
                        "menuName":"一级",
                        "clickUrl":"/",
                    },
                    {
                        "menuName":"一级",
                        "subMenus":[{
                            "subMenus":[],
                            "clickUrl":"/two/a",
                            "menuName":"二级",
                        },{
                            "subMenus":[],
                            "clickUrl":"/two/b",
                            "menuName":"二级",
                        }]
                    }
                ]
            };
            function changeJson(temp){
                var tempMenus = [];
                for(var i = 0; i < temp.length; i ++){
                    tempMenus.push({});
                    var menuItem = tempMenus[i];
                    menuItem.title = temp[i].menuName;
                    menuItem.path = temp[i].clickUrl;
                    if(temp[i].subMenus.length > 0){
                        menuItem.children = changeJson(temp[i].subMenus);
                    }else{
                        menuItem.children = [];
                    }
                }
                return tempMenus;
            }
            console.log(changeJson(temp.value));
        </script>
    </body>
</html>
      头像
      Vace_Vlm
        73618
        function convert(data){
    var deep = data.value || data.subMenus
    return !deep ? [] : deep.map(function(menu){
        return {
            title:menu.menuName,
            path:menu.clickUrl,
            children:convert(menu)
        }
    })
}
// 使用的时候
var menus = convert(yourobject)
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题