创建一个带循环的表

Question

我对Javascript很陌生，我试图通过循环填充表格。只要我只尝试填充表，代码就可以正常运行，但是当我尝试添加IF条件以分隔标题和数据时，它就不再起作用了。我很想知道为什么它不起作用，我该如何解决这个问题。

目前破碎的代码：

for(i = 0;i < values.length; i ++){
          var table = document.getElementById("myTable");
          tr = document.createElement('tr');

          for (j = 0; j < values[i].length; j++) {
          if (i=0) {
          td = document.createElement('td');
          tr.appendChild(td);
          td.innerHTML = values[i][j];
          }
          } else { 
          td = document.createElement('td');
          tr.appendChild(td);
          td.innerHTML = values[i][j];
          }
}

这里没有标题的代码：

for(i = 0;i < values.length; i ++){
          var table = document.getElementById("myTable");
          tr = document.createElement('tr');
          for (j = 0; j < values[i].length; j++) {
          td = document.createElement('td');
          tr.appendChild(td);
          td.innerHTML = values[i][j];
          }
           table.appendChild(tr);

}

Answer 1

你应该把双等于i==0而不是i=0

if (i==0) {
    td = document.createElement('td');
    tr.appendChild(td);
    td.innerHTML = values[i][j];
}

修改

在你的第二个loup中你应该关闭if语句并循环：

for (i = 0; i < values.length; i++) {
  var table = document.getElementById("myTable");
  tr = document.createElement('tr');

  for (j = 0; j < values[i].length; j++) {
    if (i == 0) {
      td = document.createElement('td');
      tr.appendChild(td);
      td.innerHTML = values[i][j];

    } else {
      td = document.createElement('td');
      tr.appendChild(td);
      td.innerHTML = values[i][j];
    }
  }
}