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)一个对象,一个数组