一个”flag“标记的小应用

首先获取到的数据如下：

[
    {"ID":"1020806","Company":"市金镍业","TableID":"22","ProvinceID":"102","CityID":"10208","Properties":"民营企业","Subordination":"个人","BusinessScope":"制造","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"制造业生产用油量周监测表"},
    {"ID":"1020806","Company":"市松桥建筑公司","TableID":"23","ProvinceID":"102","CityID":"10208","Properties":"民营企业","Subordination":"个人","BusinessScope":"建筑","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"建筑施工用油量周监测表"},    
    {"ID":"1020806","Company":"市水泥有限公司","TableID":"23","ProvinceID":"102","CityID":"10208","Properties":"民营企业","Subordination":"个人","BusinessScope":"生产水泥","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"建筑施工用油量周监测表"}, 
    {"ID":"1020806","Company":"城发电厂","TableID":"24","ProvinceID":"102","CityID":"10208","Properties":"地方政府企业","Subordination":"省政府","BusinessScope":"发电","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"电力行业用油量周监测表"},
    {"ID":"1020806","Company":"国电龙华城热电厂","TableID":"24","ProvinceID":"102","CityID":"10208","Properties":"中央企业","Subordination":"中央","BusinessScope":"发电、供热","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"电力行业用油量周监测表"},
    {"ID":"1020806","Company":"市海鹰物流","TableID":"26","ProvinceID":"102","CityID":"10208","Properties":"民营企业","Subordination":"个人","BusinessScope":"运输","EmployeeNum":0,"Assets":0.00,"SelfAssets":0.00,"OutputLastYear":0.00,"IncomeLastYear":0.00,"ProfitLastYear":0.00,"TableName":"公路运输用油周监测表"}
]

需求如下图：不同行业的 “行业用油监测表”要求只出现一个，但是下面的具体内容要求只要是获取到数据里面有的就得显示出来，如下图所示：图中红笔，蓝笔所为主的分别为两个拼接出来的table

前台代码如下：

$.post("user_details.ashx", { t: "s", id: userId, state: IndustryState, p: 2 }, function (data) {
        if (!data) return;
        var industry = eval(data);
        if (!industry) return;
        var table = "", flag = "";
        for (var i = 0; i < industry.length; i++) {
            var title = industry[i].TableName;
            if (flag != title) {//之前这里这个标记并没有写，然后显示出来的表是，一个“行业用油监测表”一个具体数据，会出现重复的“行业用油监测表”，不是想要的效果，如下图所示
                table += "<table border=\"0\">";
                table += " <tr><td> <img src=\"http://images.cnblogs.com/1.png\" width=\"18\" height=\"18\" /> </td>";
                table += " <td>" + title + "</td></tr></table>";
                flag = title;//但是在哥们的指点下加上一个这个flag标记后，解决了重复出现表名的问题，这个思想不错，很简单的两个代码，为我来说值得学习，分享给园友们
            }
            table += "<table width=\"100%\" border=\"0\" align=\"center\" cellpadding=\"0\"   cellspacing=\"0\"  class=\"borderColor\" bgcolor=\"f2f1ef\">";
            var tr = "";
            var companyId = industry[i].ID;
            var tableId = companyId.substr(8, 2);
            tr += "<tr><td style=\"width:65%;padding-left:5px\">" + industry[i].Company +
                        "</td><td style=\"width:20%;padding-left:5px\">" + industry[i].Properties +
                        "</td><td style=\"width:15%;padding-left:5px\"><a  href=\"javascript:void(0)\" onclick=\"openWin(" + companyId + ")\">详细</a>" + "</td></tr>";
            table += tr;
            table += "</table>";
        }
        var div = document.createElement("div");
        div.innerHTML = table;
        document.body.appendChild(div);
    });

有瑕疵的效果图：