分组基于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>');