zoukankan      html  css  js  c++  java
  • 对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);
  • 相关阅读:
    HashMap源码分析
    静态代理和装饰模式的区别
    自动内存管理
    ReentrantReadWriteLock
    ReentranLock
    对象的内存布局
    对象的创建
    [P2495][SDOI2011]消耗战——虚树
    [HDU2966]In case of failure——KD树
    [Gym-101158J]Coverthe Polygon with Your Disk——梯度下降,模拟退火
  • 原文地址:https://www.cnblogs.com/dreamzhiya/p/4655484.html
Copyright © 2011-2022 走看看