Không thể đẩy đối tượng vào mảng mẹ bằng cách xác định id cha của đối tượng trong javascript

Question

Tôi đang có một mảng JSON có thuộc tính là id và 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: [], 
        } 
       ] 
      } 
     ] 
    } 
]; 

Tôi muốn đẩy một mục mới dựa trên mục mới parentActiityId .Công sẽ có một mới id. Ví dụ: Nếu đối tượng của tôi là như thế này:

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

sau đó đối tượng của tôi sẽ giống như thế này ..

$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: [], 
         } 
        ] 
       } 
      ] 
     } 
    ]; 

tôi đã cố gắng bằng cách đưa ra này vòng lặp 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); 

mà sẽ chỉ đẩy đến parent.I muốn xác định con cũng như trong vòng lặp for và push tới đối tượng mảng cụ thể bằng cách xác định thr parentActivityId. Bất kỳ trợ giúp nào cũng sẽ được đánh giá cao.

Answer 1

Với một đề nghị đệ quy và 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

Bạn đã gần với những gì bạn đã cố gắng đạt được. Điều này sẽ làm các trick:

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

Để kiểm tra các đối tượng bên trong mảng mục là tốt, bạn có thể làm một cái gì đó như thế này,

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);