Push array of object to JSON in angular - angularjs

Question

I do have a JSON object shown below
[
{
"directories": [
{
"type": "folder",
"name": "Real Estate",
"order": "1",
"delete": "false",
"canModify": "true"
},
{
"type": "folder",
"name": "ABC",
"order": "8",
"delete": "false",
"canModify": "true"
},
{
"type": "folder",
"name": "Legal",
"order": "2",
"delete": "false",
"canModify": "false",
"directories": [
{
"type": "subfolder",
"name": "Lease",
"order": "9",
"delete": "false",
"canModify": "false"
}
]
},
{
"type": "folder",
"name": "Construction",
"order": "4",
"delete": "false",
"canModify": "true"
}
]
}
]
I have an array of object which i need to push inside the object having "name:Construction".
I Tried with following code
var folderObj = {
"name": "",
"canModify":'true',
"type":'folder',
"delete":'false',
"order": $scope.directories.length + 1
}
$scope.directories.push(folderObj);
The actual output what i need is to push the object inside a parent folder
[
{
"directories": [
{
"type": "folder",
"name": "Real Estate",
"order": "1",
"delete": "false",
"canModify": "true"
},
{
"type": "folder",
"name": "ABC",
"order": "8",
"delete": "false",
"canModify": "true"
},
{
"type": "folder",
"name": "Legal",
"order": "2",
"delete": "false",
"canModify": "false",
"directories": [
{
"type": "subfolder",
"name": "Lease",
"order": "9",
"delete": "false",
"canModify": "false"
}
]
},
{
"type": "folder",
"name": "Construction",
"order": "4",
"delete": "false",
"canModify": "true",
"directories": [
{
"type": "subfolder",
"name": "NewFolder",
"order": "10",
"delete": "false",
"canModify": "false"
}
]
}
]
}
]
As i am new to angular i was not able to figure it out how to push the object, So any help appreciated.

Answer 1

You need to write a recursive function. Try following
let arr = [{"directories":[{"type":"folder","name":"Real Estate","order":"1","delete":"false","canModify":"true"},{"type":"folder","name":"ABC","order":"8","delete":"false","canModify":"true"},{"type":"folder","name":"Legal","order":"2","delete":"false","canModify":"false","directories":[{"type":"subfolder","name":"Lease","order":"9","delete":"false","canModify":"false"}]},{"type":"folder","name":"Construction","order":"4","delete":"false","canModify":"true"}]}];
let obj = {"type":"subfolder","name":"NewFolder","order":"10","delete":"false","canModify":"false"};
let label = "Construction";
/* Function takes 3 inputs
* a - arr containing objects
* l - label - unique identifier of the match
* o - object that needs to be added */
function addObjectToTree(a, l, o) {
// Iterate over arr
for (let i = 0; i < a.length; i++) {
let p = a[i]; // get the object
if(p.name === l) { // if there is a match add to directories
p.directories = (p.directories || []).concat([o]);
return true;
} else if(p.directories) { // else check if there are sub-folders
// If there was a match in sub folders break the loop
if(addObjectToTree(p.directories, l, o)) break;
}
}
}
addObjectToTree(arr, label, obj);
console.log(arr);