Выдвиньте массив объекта в JSON в угловых

Question

У меня есть объект JSON, показанный ниже

[
  {
    "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"
      }
    ]
  }
]

У меня есть массив объектов, которые мне нужно вставить внутрь объекта, имеющего «name: Construction».

Пробовал со следующим кодом

var folderObj = {
                  "name": "",
                  "canModify":'true',
                  "type":'folder',
                  "delete":'false',
                   "order": $scope.directories.length + 1
                }
$scope.directories.push(folderObj);

Фактический вывод, что мне нужно, это вставить объект в родительскую папку

  [
      {
        "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"
              }
            ]
          }
        ]
      }
    ]

Поскольку я новичок в angular, я не смог понять, как толкать объект, поэтому любая помощь приветствуется.

Answer 1

Вам нужно написать рекурсивную функцию. Попробуйте следовать

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