How to remove a nested JSON element?

Question

My JSON looks like this.

var data =  [{
        "ID"                  : 3,
        "discRec"             : "Some sample record",
        "Tasks"               : [{
                                "ID"          : 7,
                                "discParcel"  : ["string1", "string2"]
                                }]
        }, 
        {
        "ID"                  : 4,
        "discRec"             : "Some sample record 2",
        "Tasks"               : [{
                                "ID"          : 8,
                                "discParcel"  : ["string3", "string4"]
                                }]
        }];

Now, i want to remove a first element of 'discParcel' which has ID attr as '8' which has parent ID attr as '4. How to do that in angular 2. Can anybody help.

Answer 1

data
    .find(record => record.ID === 4)
    .Tasks.find(task => task.ID === 8)
    .discParcel.shift();

Answer 2

Assuming data is a valid JSON you do it like you would in plain javascript :

let arr = JSON.parse(data);
arr.forEach(e => {
  if(e.ID  === 4){
    Tasks.forEach(el => {
      if(el === 8){
        discParcel.shift();
      }
    })  
  }
})