Javascript动态分组

我正在尝试创建一个带有一些分组标题的表。一切都很好，当我有1组，但我如何创建动态组？Javascript动态分组

这是我迄今（1组）：

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

我如何让它创建动态组？

来源

2009-08-12 R0b0tn1k

如何arrdata的结构？ – 2009-08-12 16:28:41

尝试用这种结构：

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); 
    }) 
})

来源

2009-08-12 16:39:09

没错，但那是考虑到我有这样的数据分组，但如果我只是有一堆数据，并在另一堆groupby的？ – R0b0tn1k 2009-08-17 13:20:41

然后您将不得不通过一个示例，因此提供解决方案会更容易 – 2009-08-17 20:44:06

，你可以将它们组合成一个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>'); 
    }); 
}

来源

2010-02-22 02:08:33

更通用解。你可以直接使用它。使用对象的深层副本。请注意，这个解决方案是多项式时间

Array.prototype.groupBy=function(property){ 
"use strict";function deepCopy(p) { 
var c = {}; 
for (var i in p) { 
     if (typeof p[i] === 'object') { 
     c[i] = (p[i].constructor === Array)?[]:{}; 
     deepCopy(p[i],c[i]); 
     } 
else { 
     c[i] = p[i]; 
     } 
} 
return c; 
} 
var retarr=[]; 
var len=this.length; 
for(var i=0;i<len;i++){ 
    var groupedlen=retarr.length,found=false; 
    for(var j=0;j<groupedlen;j++){ 
     if(this[i][property]===retarr[j].key){ 
      retarr[j].values.push(deepCopy(this[i])); 
      found=true; 
      break; 
     } 
    } 
    if (found === false) { 
     retarr.push({ 
      key: this[i][property], 
      values: [] 
     }); 
     retarr[retarr.length-1].values.push(deepCopy(this[i])); 
    } 
} 
return retarr;  
};

测试用例：

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);

来源

2011-11-05 07:30:24 riship89

Javascript动态分组

回答

相关问题