如何将新项目推送到 angular7 中的嵌套数组

Question

I have a nested array ,i want to push new item to nested array.

FoodNode= [
  {
    name: 'Fruit',
    parent:'root',
    children: [
      {name: 'Apple',parent:'Fruit'},
      {name: 'Banana',parent:'Fruit'},
      {name: 'Fruit loops',parent:'Fruit'},
    ]
  }, {
    name: 'Vegetables',
    parent:'root',
    children: [
      {
        name: 'Green',
        parent:'Vegetables',
        children: [

        ]
      }, {
        name: 'Orange',
        parent:'Vegetables',
        children: [         
        ]
      },
    ]
  },
];

Now i want to add it to childrens of green.

   this.fileElements.filter(res => {
      if (res.parent === 'root') {
        this.fileList.push(res);
      } else {
          this.fileList.filter((search, index) => {
          if (search.name === res.parent) {
            console.log(typeof search.children === 'undefined');
            search.children.push(res);
          }
        });
      }
    });

this code push the item to 1 level only (like immediate children),bases on parent value Im pushing element to the children.I'm using mat-tree so I need same structure.please help

Answer 1

Hope it helps.

this.FoodNode.forEach(e => {
   if (e.name == "Vegetables") {
   let abcd = e.children;
   abcd.forEach(e1 => {
   if (e1.name === "Green") {
      let data = [
          { name: "Apple" },
          { name: "Banana" },
          { name: "Fruit loops" }
      ];
      data.forEach(e2 => {
      e1["children"].push(e2);
    });
   }
});
}
});