Javascript使用for循环和数组创建表_Javascript_Arrays_Loops_For Loop_Html Table

Javascript使用for循环和数组创建表

javascript arrays loops for-loop

Javascript使用for循环和数组创建表,javascript,arrays,loops,for-loop,html-table,Javascript,Arrays,Loops,For Loop,Html Table,我试图基于数组和for循环生成一个表。我已经尽力独自解决了这个问题，但没有结果。在for循环中，您可以看到我已经尝试过，但没有结果。我希望该表仅从数组和for循环生成，并使其如下所示： |Tresort | 1915 | 1950 | 1970 | 1990 | 1992 | 2000 | |Furu | 20 | 31 | 53 | 89 | 102 | 117 | |Gran | 23 | 39 | 72 | 89 | 92 | 99

我试图基于数组和for循环生成一个表。我已经尽力独自解决了这个问题，但没有结果。在for循环中，您可以看到我已经尝试过，但没有结果。我希望该表仅从数组和for循环生成，并使其如下所示：

|Tresort | 1915 | 1950 | 1970 | 1990 | 1992 | 2000 |
|Furu    | 20   | 31   | 53   | 89   | 102  | 117  |
|Gran    | 23   | 39   | 72   | 89   | 92   | 99   |
|Lauvtre | 4    | 6    | 8    | 12   | 15   | 18   |

这是我的密码：

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <table id="tabell" border="1px">


    </table>


    <script>


        function tabellOp() {
            var measurement = [ [20,31,53,89,102,117], [23,39,72,89,92,99], [4,6,8,12,15,18] ];
            var tree = ["furu", "gran", "lauvtre"];
            var year = [1915,1950,1970,1990,1992,2000]
            var tabellget = document.querySelector("#tabell");
            var row="";

            for(var i =0;i<tree.length;i++) {
                row = "<tr><th> Tresort</th></tr>";
                row += "<tr><th>" + tree[i] + "</tr></th>";
            }
            tabellget.innerHTML = row;

        }
        window.onload=tabellOp;


    </script>
</body>
</html>


函数tabellOp（）{
var测量=[[20,31,53,89102117]，[23,39,72,89,92,99]，[4,6,8,12,15,18]；
变量树=[“furu”、“gran”、“lauvtree”]；
变量年份=[191519501970199019922000]
var tabellget=document.querySelector（“#tabell”）；
var行=”；
for（var i=0；i首先，for循环不使用度量数组或年份数组-您只是从树数组中添加元素。第二点-您在每个循环迭代中为“Tresort”生成一行
最后，您的结果将具有
"<tr><th>Tresort</th></tr>
<tr><th>furu</th></tr>
<tr><th>Tresort</th></tr>
<tr><th>gran</th></tr>
<tr><th>Tresort</th></tr>
<tr><th>lauvtre</th></tr>"

“树排序
芙蓉
特雷索特
格兰
特雷索特
劳夫特”

这不是您想要的。另外，在循环的第二行中，您在关闭th标记之前关闭tr标记，这也可能导致错误。
简单解决方案基于代码（）
函数tabellOp（）{
var测量=[[20,31,53,89102117]，[23,39,72,89,92,99]，[4,6,8,12,15,18]；
变量树=[“furu”、“gran”、“lauvtree”]；
风险年=[191519501970199019922000]；
var tabellget=document.querySelector（“#tabell”）；
var row=“Tresort”；
对于（变量i=0；i
请注意，TR用于行，因此您创建的是行，而不是单元格TD
function tabellOp() {
  var measurement = [ [20,31,53,89,102,117], [23,39,72,89,92,99], [4,6,8,12,15,18] ];
  var tree = ["furu", "gran", "lauvtre"];
  var year = [1915,1950,1970,1990,1992,2000];
  var tabellget = document.querySelector("#tabell");
  var row = "<tr><th> Tresort</th>";

  for (var i = 0; i < year.length; i++) {
    row += "<th>" + year[i] + "</th>";
  }
  row += "</tr>";

  for (var i = 0; i < tree.length; i++) {
    row += "<tr><th>" + tree[i] + "</th>";
    for (var j = 0; j < measurement[i].length; j++) {
      row += "<td>" + measurement[i][j] + "</td>";
    }
    row += "</tr>";
  }

  tabellget.innerHTML = row;
}
window.onload = tabellOp;