分層json與父ID平坦

Question

我有分層的JSON，並希望轉換爲平坦的JSON沒有父子。

vm.str = [ 
    { 
     "s_gid": 0, 
     "title": "scholastic Master List 2016", 
     "nodes": [ 
      { 
       "Id": "1", 
       "templateId": "1", 
       "s_gid": "10", 
       "m_s_p_id": "1", 
       "subject_group_name": "xxxxxxx", 
       "parent_id": "1", 
       "sname": "", 
       "nodes": [ 
        { 
         "Id": "2", 
         "templateId": "1", 
         "s_gid": "100", 
         "m_s_p_id": "0", 
         "subject_group_name": "abc", 
         "parent_id": "10", 
         "sname": "", 
         "nodes": [ 
          { 
           "Id": "3", 
           "templateId": "1", 
           "s_gid": "1000", 
           "m_s_p_id": "0", 
           "subject_group_name": "efg", 
           "parent_id": "100", 
           "sname": "" 
          } 
         ] 
        } 
       ] 
      } 
     ] 
    } 
] 

什麼轉換爲新vm.str2 = []平，在同級別無節點...子節點的所有節點..

Answer 1

可以使用遞歸函數返回的對象

var arr =[{"s_gid":0,"title":"scholastic Master List 2016","nodes":[{"Id":"1","templateId":"1","s_gid":"10","m_s_p_id":"1","subject_group_name":"xxxxxxx","parent_id":"1","sname":"","nodes":[{"Id":"2","templateId":"1","s_gid":"100","m_s_p_id":"0","subject_group_name":"abc","parent_id":"10","sname":"","nodes":[{"Id":"3","templateId":"1","s_gid":"1000","m_s_p_id":"0","subject_group_name":"efg","parent_id":"100","sname":""}]}]}]}] 
 

 
function flatten(data) { 
 
    var result = []; 
 
    data.forEach(function(o) { 
 
    var obj = {} 
 
    for(var e in o) { 
 
     (Array.isArray(o[e])) ? result.push(...flatten(o[e])) : obj[e] = o[e]; 
 
    } 
 
    result.push(obj) 
 
    }) 
 
    return result; 
 
} 
 

 
console.log(flatten(arr))

Answer 2

你可以使用Array.prototype.reduce()加上遞歸此任務：

function getNodes(inputArr) { 
    return inputArr.reduce(function (prev, value) { 
     return prev.concat(
      [ value ], 
      (value.nodes ? getNodes(value.nodes) : []) 
     ); 
    }, []); 
} 

如果您仍然想刪除nodes，你既可以使用Array.prototype.map甚至Array.prototype.each：

output = output.map(function (value) { 
    value.nodes = undefined; 

    return value; 
});