下劃線/ lodash - 將具有相同元素的對象合併到一起

Question

我想基於每個單獨的重複出現的元素缺少更好的術語'zip'或'合併'json對象。例如：

var obj = { 
    CATS:[ 
     { 
      id:123, 
      LIST:[ 
       {result1:CAT1}, 
       {result2:CAT2} 
      ] 
     }, 
     { 
      id:987, 
      LIST:[ 
       {result1:CAT3}, 
       {result2:CAT4} 
      ] 
     } 
    ], 
    DOGS:[ 
     { 
      id:123, 
      LIST:[ 
       {result1:DOG1}, 
       {result2:DOG2} 
      ] 
     }, 
     { 
      id:987, 
      LIST:[ 
       {result1:DOG3}, 
       {result2:DOG4} 
      ] 
     } 
    ]  
} 

我想用嵌套的OBJ內創建「ID」：

var new_obj = { 
    123:[ 
     CATS:{ 
      LIST:[ 
       {result1:CAT1}, 
       {result2:CAT2}      
      ] 
     }, 
     DOGS:{ 
      LIST:[ 
       {result1:DOG1}, 
       {result2:DOG2}      
      ]    
     } 
    ], 
    987:[ 
     CATS:{ 
      LIST:[ 
       {result1:CAT3}, 
       {result2:CAT4}      
      ] 
     }, 
     DOGS:{ 
      LIST:[ 
       {result1:DOG3}, 
       {result2:DOG4}      
      ]    
     } 
    ]   
} 

不偏LoDash或下劃線...樂於使用任何作品。 謝謝！

**警告！必須是ie8兼容的。的Bleh！ **

Answer 1

呼，一些試驗和錯誤之後，我可能有你需要什麼...

var result = _.reduce(obj, function(memo, group, key) { 
    var ids = _.map(group, function(g) { 
    return g.id; 
    }); 

    _.each(ids, function(id) { 
    var obj = {}; 

    obj[key] = {}; 
    obj[key].LIST = _.filter(group, function(g) { 
     return g.id === id; 
    }).map(function(g) { 
     return g.LIST; 
    })[0]; 

    memo[id] = (memo[id] || []); 

    memo[id].push(obj); 
    }); 

    return memo; 
}, {}); 

檢查出來的工作... http://jsbin.com/gabako/1/edit

Answer 2

假設你想要的123的價值在輸出鍵是散列而非陣列，然後在沒有任何下劃線或lodash：

Object.keys(obj).reduce(        // Reduce the keys in the input 
    function(result, animals) {       // by taking each key like DOGS 
    animals.forEach(         // and for each of its 
     function(animal) {        // elements (animal) 
     result[animal.id] = result[animal.id] || {}; // create an ID field in result 
     result[animal.id][animals] = animal.list;  // add animal's list of results 
     }); 
    return result;         // and pass result to next key 
    }, 
    {} 
); 

對於IE8，使用相關polyfills。或者使用下劃線/ lodash等價物做明顯的重寫。