javascript - 一些帮助 javascript 以相反的方式创建 HTML 表格

Question

这是我写的:

var data = [["Jan","Feb","Mar"],["5","10","15"]];
var strTable = '<table>';
for (var i = 0; i < data.length; i++) {
    strTable += '<tr' + ((i % 2) ? ' class="odd"' : '') + '>';
    for (var j = 0; j < data[i].length; j++) {
        strTable += '<td>' + data[i][j] + '</td>';
    }
    strTable += '</tr>';
}
strTable += '</table>';

生成如下表格:

Jan | Feb | Mar
5   | 10  | 15

但是我需要更改它以使其产生:

Jan | 5
Feb | 10
Mar | 15

我很难尝试更改 javascript。谁能帮忙？

Answer 1

这里是:

for (var i = 0; i < data[0].length; i++) { // instead of data.length
    strTable += '<tr' + ((i % 2) ? ' class="odd"' : '') + '>';
    for (var j = 0; j < data.length; j++) {  // instead of data[i].length
        strTable += '<td>' + data[j][i] + '</td>'; // instead of data[i][j]
    }
    strTable += '</tr>';
}

它获取data 中第一个子数组的长度，以了解应该创建多少行。然后它遍历 data 中的元素以创建列。

这仅在所有数组具有相同 大小或第一个数组包含最少元素的情况下才有效。如果你不能保证这一点，一个改进是首先计算元素最少的数组的元素数。