Non è possibile inserire un oggetto nell'array padre identificando l'id padre dell'oggetto in javascript

Question

Sto avendo un array JSON con proprietà come id e parentActivityId.

$scope.data = [ 
    { 
     id: 1, 
     activityName: "Drilling", 
     parentActivityId: 0, 
     items: [ 
      { 
       id: 2, 
       activityName: "Blasting", 
       parentActivityId: 1, 
       items: [ 
        { 
         id: 3, 
         activityName: "Ann", 
         parentActivityId: 2, 
         items: [], 

        }, 
        { 
         id: 4, 
         activityName: "Ann", 
         parentActivityId: 2, 
         items: [], 

        } 
       ] 
      }, 
      { 
       id: 5, 
       activityName: "Transport", 
       parentActivityId: 1, 
       items: [ 
        { 
         id: 6, 
         activityName: "Daniel", 
         parentActivityId: 5, 
         items: [], 
        } 
       ] 
      } 
     ] 
    } 
]; 

vorrei spingere un nuovo elemento basato sul nuovo elemento parentActiityId .La sarà avere un nuovo id. Esempio: Se il mio oggetto è come questo:

{ 
    id: 7, 
    activityName: "Drilling", 
    parentActivityId: 1, 
    items: [] 
} 

poi il mio oggetto sarà simile a questa ..

$scope.data = [ 
     { 
      id: 1, 
      activityName: "Drilling", 
      parentActivityId: 0, 
      items: [ 
       { 
        id: 2, 
        activityName: "Blasting", 
        parentActivityId: 1, 
        items: [ 
         { 
          id: 3, 
          activityName: "Ann", 
          parentActivityId: 2, 
          items: [], 

         }, 
         { 
          id: 4, 
          activityName: "Ann", 
          parentActivityId: 2, 
          items: [], 

         }, 
        { 
         id: 7, 
         activityName: "Drilling", 
         parentActivityId: 2, 
         items: [], 
        } 
        ] 
       }, 
       { 
        id: 5, 
        activityName: "Transport", 
        parentActivityId: 1, 
        items: [ 
         { 
          id: 6, 
          activityName: "Daniel", 
          parentActivityId: 5, 
          items: [], 
         } 
        ] 
       } 
      ] 
     } 
    ]; 

ho provato dando questo ciclo for ..

var arrObj = { 
    id: 7, 
    activityName: "Drilling", 
    parentActivityId: 1, 
    items: [] 
}; 

function populateObj(arrObj) { 
    for (var i = 0; i < $scope.data.length; i++) { 
     if ($scope.data[i].id == arrObj.parentActivityId) { 
      $scope.data.push(arrObj); 
     } 
    } 
}; 

populateObj(arrObj); 

che spingerò solo al genitore. Voglio identificare anche il bambino nel ciclo for e il push nell'oggetto array specifico identificando thr parentActivityId.Qualsiasi aiuto sarà molto apprezzato.

Answer 1

Con una proposta ricorsiva e Array.prototype.reduce():

var data=[{id:1,activityName:"Drilling",parentActivityId:0,items:[{id:2,activityName:"Blasting",parentActivityId:1,items:[{id:3,activityName:"Ann",parentActivityId:2,items:[]},{id:4,activityName:"Ann",parentActivityId:2,items:[]}]},{id:5,activityName:"Transport",parentActivityId:1,items:[{id:6,activityName:"Daniel",parentActivityId:5,items:[]}]}]}], 
 
    child = { id: 7, activityName: "Drilling", parentActivityId: 1, items: [] }; 
 

 
function getParent(r, a) { 
 
    return a.id === child.parentActivityId ? a : a.items.reduce(getParent, r); 
 
} 
 

 
var node = data.reduce(getParent, {}); 
 
'items' in node && node.items.push(child); 
 

 
document.write('<pre>' + JSON.stringify(data, 0, 4) + '</pre>');

Answer 2

Eri vicino a quello che hai cercato di raggiungere. Questo dovrebbe fare il trucco:

var arrObj = { 
    id: 7, 
    activityName: "Drilling", 
    parentActivityId: 1, 
    items: [] 
}; 

function populateObj(data, arrObj) { 
    for (var i = 0; i < data.length; i++) { 
     if (data[i].id == arrObj.parentActivityId) { 
      data[i].items.push(arrObj); 
     } else { 
      populateObj(data[i].items, arrObj); 
     } 
    } 
}; 

populateObj(arrObj); 

Answer 3

Per controllare gli oggetti all'interno elementi array come bene, si può fare qualcosa di simile,

var objectList = [ 
     { 
      id: 1, 
      activityName: "Drilling", 
      parentActivityId: 0, 
      items: [ 
       { 
        id: 2, 
        activityName: "Blasting", 
        parentActivityId: 1, 
        items: [ 
         { 
          id: 3, 
          activityName: "Ann", 
          parentActivityId: 2, 
          items: [], 

         }, 
         { 
          id: 4, 
          activityName: "Ann", 
          parentActivityId: 2, 
          items: [], 

         }, 
        { 
         id: 7, 
         activityName: "Drilling", 
         parentActivityId: 2, 
         items: [], 
        } 
        ] 
       }, 
       { 
        id: 5, 
        activityName: "Transport", 
        parentActivityId: 1, 
        items: [ 
         { 
          id: 6, 
          activityName: "Daniel", 
          parentActivityId: 5, 
          items: [], 
         } 
        ] 
       } 
      ] 
     } 
    ]; 

var arrObj = { 
    id: 7, 
    activityName: "Drilling", 
    parentActivityId: 1, 
    items: [] 
}; 

function populateObj(ItemList) { 
    for (var i = 0; i < ItemList.length; i++) { 
     if (ItemList[i].id == arrObj.parentActivityId) { 
      ItemList[i].items.push(arrObj); 
     } 
     else 
     { 
     populateObj(ItemList[i].items); 
     } 
    } 
}; 

populateObj(objectList);