Json数据嵌套Json数据

Question

我是Jquery的新手，任何人都可以帮助我或告诉我如何处理此问题， 我尝试了一些其他示例，但我没有得到它们。

var arr = [ 
      { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Delete" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Delete" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Delete" } 
      ], 

我需要这个JSON数据转换为类似这样的嵌套数据，

[{ 
    text: "Resource Management", 
    items: [{ 
     text: "Manpower",   
     items: [{ 
      text: "Update", 
     }, { 
      text: "Delete", 
     }, { 
      text: "Insert", 
     }, { 
      text: "View", 
     }] 
    }, { 
     text: "Vehicles", 
     items: [{ 
      text: "Update", 
     }, { 
      text: "Delete", 
     }, { 
      text: "Insert", 
     }, { 
      text: "View", 
     }] 
    }]   
}, { 
    text: "Contacts", 
    items: [{ 
     text: "Manage Customers", 
     items: [{ 
      text: "Update", 
     }, { 
      text: "Delete", 
     }, { 
      text: "Insert", 
     }, { 
      text: "View", 
     }] 
    }] 
}] 

提前感谢！请帮助我。

Answer 1

在纯JS（有点原始的，更好的解决方案，欢迎）：

var arr = [ 
    { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Update" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "View" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Delete" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "Insert" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Update" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "View" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Insert" }, 
    { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Delete" }, 
    { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Update" }, 
    { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "View" }, 
    { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Insert" }, 
    { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Delete" } 
]; 

var output = []; 

arr.forEach(function(item) { 
    var indexParentNode = addItem(item.PARENTNODE, output); 
    var indexChildNode = addItem(item.CHILDNODE, output[indexParentNode].items); 
    addItem(item.OPERATIONNAME, output[indexParentNode].items[indexChildNode].items, true); 
}); 

function addItem(item, arr, withNoItems) { 
    var index = indexOf(item, arr); 
    var tpl = {text: item, items: []}; 

    if (!! withNoItems) delete tpl.items; 

    if (index === -1) { 
     arr.push(tpl); 
     return arr.length - 1; 
    } 
    else { 
     return index; 
    } 
} 

function indexOf(needle, haystack) { 
    var i = 0; 

    while (i < haystack.length) { 
     if (haystack[i].text === needle) return i; 
     i++; 
    } 

    return -1; 
} 

console.log(output); 

Answer 2

不是最完美的解决方案，但这里有一个出发点：

<script type="text/javascript"> 
    'use strict'; 

    var arr = [ 
      { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "ManPower", OPERATIONNAME: "Delete" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Manpower", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Resource Management", CHILDNODE: "Vehicles", OPERATIONNAME: "Delete" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Update" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "View" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Insert" }, 
      { PARENTNODE: "Contacts", CHILDNODE: "Customers", OPERATIONNAME: "Delete" } 
      ]; 

    function getOrCreateListItem(list, searchItemName) 
    { 
     var newItem = null; 

     //Get item if it's already in the list 
     for (var item of list) { 
      if (item.text == searchItemName) { 
       newItem = item; 
       break; 
      } 
     } 

     //If no item found, create new item 
     if (!newItem) { 
      list.push({ 
       text: searchItemName, 
       items: [] 
      }); 
      newItem = list[list.length-1]; 
     } 

     return newItem; 
    } 

    var newData = []; 

    for (var item of arr) { 

     //Get parent item 
     var parent = getOrCreateListItem(newData, item.PARENTNODE); 

     //Get child item 
     var child = getOrCreateListItem(parent.items, item.CHILDNODE); 

     //Add child item data 
     child.items.push({text: item.OPERATIONNAME}); 
    } 

    console.log(newData); 

</script>