根據匹配的對象值將對象從一個陣列合併到另一個陣列

Question

如何使用jQuery合併child_array.cat_parent_id == parent_array.cat_id上的以下兩個陣列？

的parent_array：

[{ 
    "cat_name" : "Fruit", 
    "cat_id" : 77 
}, { 
    "cat_name" : "Vegetables", 
    "cat_id" : 221 
}] 

而且我想其中child_array已經合併成parent_array：

[{ 
    "cat_name" : "Bananas", 
    "cat_id" : 79, 
    "cat_parent_id" : 77 
},{ 
    "cat_name" : "Apples", 
    "cat_id" : 80, 
    "cat_parent_id" : 77 
}, { 
    "cat_name" : "Carrots", 
    "cat_id" : 222, 
    "cat_parent_id" : 221 
}] 

這裏的想輸出什麼，我的樣子：

[{ 
    "cat_name" : "Fruit", 
    "cat_id" : 77, 
    "cat_children": [ 
    { 
     "cat_name" : "Bananas", 
     "cat_id" : 79 
    }, 
    { 
     "cat_name" : "Apples", 
     "cat_id" : 80 
    } 
    ] 
}, { 
    "cat_name" : "Vegetables", 
    "cat_id" : 221, 
    "cat_children": [ 
    { 
     "cat_name" : "Carrots", 
     "cat_id" : 222 
    } 
    ] 
}] 

Answer 1

你不一定需要jQuery來做到這一點...只需寫一些嵌套的循環，並做一些檢查秒。您的JSON結構可以大大優化，以實現這一目標，但下面的函數將實現它，它是這樣的：

function merge(_parent,_children){ 
    var result = _parent; 
    for(x in _children){ 
    var parentID = _children[x].cat_parent_id; 
    for(y in _parent){ 
     if(_parent[y].cat_id == parentID){  
     if(!result[y].cat_children){ 
      result[y].cat_children = []; 
     } 
     result[y].cat_children.push(_children[x]); 
     } 
    } 
    } 
    return result; 
}