js、vue 树状图 添加 索引值

Question

\{        "name": "第一层",         index:1,        "children":[             {                "name":"第二层",                 index:2,             },{                "name":"第二层",                 index:2,                "children":[                     {                        "name":"第三层",                         index:3,                     },{                        "name":"第三层",                         index:3,                     },                 ]             }         ]     }想在这个树状图中添加他们每一层的index,

Answer 1

最终写法。

    function fun(arry){        for(let i in arry){
            let menu = arry[i];            if(!menu['num']){
                menu['num'] = 1;
            }            if(menu['children'].length && menu['children']){                for(let j in menu['children']){
                    menu['children'][j]['num'] = arry[i]['num'] + 1;                    fun(menu['children'])
                }
            }
        }
    }

Answer 2

var ary = {    "name": "第一层",    index:1,    "children":[
        {            "name":"第二层",            index:2,
        },{            "name":"第二层",            index:2,            "children":[
                {                    "name":"第三层",                    index:3,
                },{                    "name":"第三层",                    index:3,
                },
            ]
        }
    ]
}function level(obj) {    if (!obj.level) {
        obj.level = 1
    }    if (!obj.children || !obj.children.length) {        return
    }

    obj.children.forEach(function(el) {
        el.level = obj.level + 1

        level(el)
    })
}

level(ary)console.log(ary)

var ary = [{    "name": "第一层",    index:1,    "children":[
        {            "name":"第二层",            index:2,
        },{            "name":"第二层",            index:2,            "children":[
                {                    "name":"第三层",                    index:3,
                },{                    "name":"第三层",                    index:3,
                },
            ]
        }
    ]
},
{    "name": "第一层",    index:1,    "children":[
        {            "name":"第二层",            index:2,
        },{            "name":"第二层",            index:2,            "children":[
                {                    "name":"第三层",                    index:3,
                },{                    "name":"第三层",                    index:3,
                },
            ]
        }
    ]
}
]function level(ary) {
    ary.forEach(function(el) {        if (!el.level) {
            el.level = 1
        }        if (!el.children || !el.children.length) {            return
        }
        
        el.children.forEach(function(item) {
            item.level = el.level + 1
        })
        
        level(el.children)
    })
}

level(ary)console.log(ary)

一个对象,一个数组