javascript - double forEach 到 double for 循环

Question

我正在从服务器端数组创建一个 HTML 表格(谷歌应用程序脚本；所以 tableArray 来自那里)。我有两个 forEach工作的功能。但是，我正在尝试使用两个 for而是循环，因为我希望能够将不同的类添加到不同的 <td>的。

输出没有按预期出现(请参阅下面的 #1)。我可以在一列中获取一个数组(而不是将数组的每个元素作为单独的 <td>，或者在每个 <td> 中重复数组(请参见下面的 #2)。

我的 for 需要更改什么？循环以获得预期的输出？

您可以看到有效的版本 HERE .

1(适用于 forEach)

2(不适用于 for)

Index.html

function buildTable(tableArray) {
  var table = document.getElementById('table');
  var tableBody = document.createElement('tbody');
  var tbodyID = tableBody.setAttribute('id', 'tbody');

  for (var i = 0; i < tableArray.length; ++i) {
    var column = tableArray[i];
    var colA = column[0];
    var colB = column[1];
    var colC = column[2];
    var colD = column[3];

    if (colA != "") {
      var row = document.createElement('tr');
      for (var j = 0; j < column.length; ++j) {
        var cell = document.createElement('td');
        cell.appendChild(document.createTextNode(column));
        row.appendChild(cell);
      }

    }
    tableBody.appendChild(row);
  }
  table.appendChild(tableBody);
  document.body.appendChild(table);
}

Answer 1

而不是行 cell.appendChild(document.createTextNode(column));

编写 cell.appendChild(document.createTextNode(column[j]));

你忘记添加索引[j]