vue构建不定复杂JSON

Question

目标是构建一个多层级的JSON[             {                name: "A_root",                id:1,                depth:0,                child: [                     {                        name: "a1_1",                        depth:1,                        id:1                     },                     {                        name: "a1_2",                        depth:1,                        id:2                     }                 ]             },             {                 name: "B_root" ,                 id:2,                 depth:0                                  }         ]用一个函数在任意地方添加节点比如可以在depth:0的这一级新增一个{name:'C_root',id:3,depth:0}也可以在depth:0 id:2这里增添一个子节点构建成{ name:'B_root',id:2,depth:0,child:[{name:"b1_1",id:1,depth:1}] }以此类推新增子节点，因为可能在任意位置新增节点所以希望能用一个函数解决

Answer 1

可以用 lodash 的 set 方法, 如下所示：

const set = require('lodash.set')let data = [
  {    name: "A_root",    id: 1,    depth: 0,    child: [
      {        name: "a1_1",        depth: 1,        id: 1
      },
      {        name: "a1_2",        depth: 1,        id: 2
      }
    ]
  },
  {     name: "B_root" ,     id: 2,     depth: 0
  }
];
        

set(data, '[1].child[0]', { name: "b1_1", id: 1, depth: 1 });