Javascript動的グループ化

Question

いくつかのグループ化ヘッダーを持つテーブルを作成しようとしています。 私は1つのグループを持っているときにすべてがうまくいきますが、どのように動的グループを作成しますか？

これは私がこれまでに（1グループ用）持っているものです。

var groupby = ''; 
arrdata.each(function(element){ 
    if (groupby != element.groupby) { 
     groupby = element.groupby; 
     tbody.push(groupby) 
    } 
    tbody.push(element) 
}) 

は、どのように私はそれが動的グループを作成するのですか？

Answer 1

この構造で試してみてください。

arrdata = [ 
    { 
     "groupby": {fields}, 
     "data":[{fields},{fields},{fields}] 
    }, 
    { 
     "groupby": {fields}, 
     "data":[{fields},{fields},{fields}] 
    }, 
    { 
     "groupby": {fields}, 
     "data":[{fields},{fields},{fields}] 
    }, 
] 

jQuery.each(arrdata, function(element){ 
    tbody.push(element.groupby) 
    jQuery.each(element.data , function(elementData){ 
     tbody.push(elementData); 
    }) 
}) 

Answer 2

あなたは可能性が最初Objectにグループにそれらを..におけるオブジェクトを通じてのためのその後

Array.prototype.groupBy = function(keyName) { 
    var res = {}; 
    this.forEach(function(x) { 
    var k = x[keyName]; 
    var v = res[k]; 
    if (!v) v = res[k] = []; 
    v.push(x); 
    }); 
    return res; 
}; 

：

var employees = [{first: ..., last: ..., job: ...}, ...]; 
var byJob = employees.groupBy('job'); 
for (var job in byJob) { 
    document.write('<h3>Job: '+job+'</h3>'); 
    byJob[job].forEach(function(e) { 
    document.write('<p>'+e.last+', '+e.first+'</p>'); 
    }); 
} 

Answer 3

より一般的な溶液。それを直接使うことができます。使用されるオブジェクトのディープコピー。 arrdataの構造がどのように

var arr=[{num: 1,key:911},{num: 2,key:22},{num: 3,key:23},{num: 4,key:222},{num: 4,key:2222},{num: 2,key:2},{num: 1,key:29},{num: 3,key:26},{num: 4,key:24}]; 

var grouped=arr.groupBy('num'); 

console.log(grouped);