对JSON数组对象排序-有键相同的元素,分组数量不一致,可采用如下的JS进行循环表格输出

                var now=eval(data.data);
//                now.sort(sortBy('bigIdOrder', true, parseInt));
                var tab="";
                var k=0;
                var hangye=0;
                var index = 0;

//                alert(JSON.stringify(now[i]));

                    for(var i=0;i<now.length;i++){
                        index++;
                            if(now[i].bigId!=hangye){
                                if(i==0){
//                                    第一个表格的开头
                                    tab += '<table id="tab'+k+'">';
                                    tab += '<tr><th>行业</th><th>品牌</th><th>频次(次)</th><th>时长(秒)</th></tr>';
                                }
                                else{
                                    for(j=5;j>=index;j--){
                                        tab += "<tr>";
                                        tab += "<td >--</td>"; 
                                        tab += "<td >--</td>";
                                        tab += "<td >--</td>";
                                        tab += "<td >--</td>";
                                        tab += "</tr>";
                                    }
//                                    上一个表格的结束
//                                    下一个表格的开头
                                    tab += '</table>';
                                    tab += '<table id="tab'+k+'">';
                                    tab += '<tr><th>行业</th><th>品牌</th><th>频次(次)</th><th>时长(秒)</th></tr>';
                                    index = 1;
                                }
                                hangye = now[i].bigId;
                            }
//                                当前表格的一行
                            
//                            hangye = now[i].bigid

                            if(index<6){
                                tab += "<tr>";
                                tab += "<td >"+now[i].bigIndustryName+"</td>"; 
                                tab += "<td >"+now[i].brandName+"</td>";
                                tab += "<td >"+now[i].pinci+"</td>";
                                tab += "<td >"+(now[i].timeSize*1).toFixed(2)+"</td>";
                                tab += "</tr>";
                            }

                    }
                    
                    for(j=5;j>index;j--){
                        tab += "<tr>";
                        tab += "<td >--</td>"; 
                        tab += "<td >--</td>";
                        tab += "<td >--</td>";
                        tab += "<td >--</td>";
                        tab += "</tr>";
                    }
                    tab +="</table>";
                    
//                }
                $(".industryBrandTrendSubTab").html(tab);

 

posted @ 2015-07-17 19:28  阿尔法钻石狗  阅读(833)  评论(0编辑  收藏  举报