javascript - 在对象中查找值时的 For Loop 计数器

Question

我有这个函数可以根据对象的值创建一个表。

function buildTable (){
    //build header
    var header = "<tr><th>USERS</th>"
    for(var i=0; i<groups.length; i++){
        header += "<th>"+groups[i]+"</th>";
    }
    header += "</tr>";

    $("#taxonomy thead").append($(header));
    //build table body
    for(var user in userGroupTable){
        var i = 0; i++;
        var row ="<tr><td>" + usersName[i] + "</td>";
        for(var i=0; i<groups.length; i++){
            var groupName = groups[i];
            var $td = "<td>"+userGroupTable[user][groupName]+"</td>";
            row +=$td;
        }
        row += "</tr>";
        //append the data to the table
        $("#taxonomy tbody").append($(row));

    }
}

我试图在 usersName 数组中的值之间迭代，但它设置 var 的方式在每个循环中都重置为 0，因此相同的名称不断出现。我不熟悉 for(var x in array)，如果其中有某种计数器我可以用来遍历我的数组？还是我应该只设置一个全局变量？

如果标题不好，请见谅。

Answer 1

在 for 循环之前初始化 i，在 for 循环中你用 0 初始化 i，将其更改为 i 以外的其他内容

function buildTable (){
    //build header
    var header = "<tr><th>USERS</th>"
    for(var i=0; i<groups.length; i++){
        header += "<th>"+groups[i]+"</th>";
    }
    header += "</tr>";

    $("#taxonomy thead").append($(header));
    //build table body
        var i = 0;
    for(var user in userGroupTable){
      i++;
        var row ="<tr><td>" + usersName[i] + "</td>";
        for(var j=0; j<groups.length; j++){
            var groupName = groups[j];
            var $td = "<td>"+userGroupTable[user][groupName]+"</td>";
            row +=$td;
        }
        row += "</tr>";
        //append the data to the table
        $("#taxonomy tbody").append($(row));

    }
}