Javascript Table 数组和循环 - 损坏

Question

使用带有 for 循环的 1 维数组和 2 维数组损坏 table。

如何让“loanAmount[行]在table的最左边一列只显示一次？

  function print2DArrayTable(this2DArray, title)
   {
   //Creates the header of the table
   document.write("<table border='1' cellpadding='5'>");
   document.write("<tr><th colspan='8'>");
   document.write("<h2>" + title + "</h2>");
   document.write("</th></tr>")


      //Creates the Year headers on top of the table columns.
      document.write("<th></th>");
      for(x=0; x<numberOfYear.length; x++)
      {
         document.write("<th>" +numberOfYear[x]+ "</th>");
      }


      for(row=0; row<this2DArray.length; row++)
      {  
         document.write("<tr>");
         for(col=0; col<this2DArray[0].length; col++)
         {
            document.write("<td>"+loanAmount[row]+"</td>");
            document.write("<td>");
            document.write(this2DArray[row][col] + "&nbsp;&nbsp;");
            document.write("</td>");
         }
         document.write("</tr>");

      }
      document.write("</table>");
   }/* end of print2DArraytable */

第一列正确。但每个其他人都不是.. 这是它的照片。

Answer 1

将生成第一列的行移到内部循环之外。

for(row=0; row<this2DArray.length; row++)
  {  
     document.write("<tr>");

     // We only want to do this once per row
     document.write("<td>"+loanAmount[row]+"</td>");

     // After writing out the first column, write out the rest
     for(col=0; col<this2DArray[0].length; col++)
     {

        document.write("<td>");
        document.write(this2DArray[row][col] + "&nbsp;&nbsp;");
        document.write("</td>");
     }
     document.write("</tr>");

  }

Javascript Table 数组和循环 - 损坏

Javascript Table with Arrays and Loops - Broken

javascript

arrays

loops

html-table