分組基於JavaScript

Question

var textTag = [{text:"3", items:[{name:item1.jpeg}, {name:item2.jpeg}, {name:item3.jpeg}]}, 
       {text:"2", items:[{name:item1.gif}, {name:item2.gif}, {name:item3.png}]}, 
] 

我試圖得到結果陣列是這樣的一個情況：

text:3 
|_ jpeg 
    |_item1 
    |_item2 
    |_item3 

text:2 
    |_ gif 
     |_item1 
     |_item2 

    |_ png 
     |_item3 

但我寫的代碼，讓我以下輸出。

text:3 
    |_ jpeg 
     |_item1 
    |_ jpeg 
     |_item2 
    |_ jpeg 
     |_item3 

text:2 
    |_ gif 
     |_item1 
    |_ gif 
     |_item2 
    |_ png 
     |_item3 

請幫我得到期望的結果

Answer 1

你需要一些分組它。

var textTag = [{ text: "3", items: [{ name: 'item1.jpeg' }, { name: 'item2.jpeg' }, { name: 'item3.jpeg' }] }, { text: "2", items: [{ name: 'item1.gif' }, { name: 'item2.gif' }, { name: 'item3.png' }] }], 
 
    grouped = textTag.map(function (a) { 
 
     var o = {}; 
 
     a.items.forEach(function (b) { 
 
      var n = b.name.split('.'); 
 
      o[n[1]] = o[n[1]] || []; 
 
      o[n[1]].push(n[0]); 
 
     }); 
 
     return o; 
 
    }); 
 

 
document.write('<pre>' + JSON.stringify(grouped, 0, 4) + '</pre>');