使用for循环制作表格

Question

我有这个代码。它非常好，没有任何错误。但我不喜欢重复代码html += "td";。 Eaven html += "/td";。它没有明确的代码。 如何使用for循环在更短的代码中对其进行编码？

html = "<table>";
html += "<tr>";
for(var name in newArticle[1]){
  html += "<th>";
  html += name;
  html += "</th>";
}
html += "</tr>";
for (var i=0; i<newArticle.length; i++) {
    html += "<tr>";
    html += "<td>";
    html += newArticle[i]["id"];
    html += "</td>";
    html += "<td>";
    html += newArticle[i]["Forename"];
    html += "</td>";
    html += "<td>";
    html += newArticle[i]["Surname"];
    html += "</td>";
    html += "<td>";
    html += newArticle[i]["Age"];
    html += "</td>";
    html += "<td>";
    html += newArticle[i]["City"];
    html += "</td>";
    html += "<td>";
    html += newArticle[i]["ZIP"];
    html += "</td>";
    html += "</tr>";
}
html += "</table>";
  console.log(html);

  for(var name in newArticle[1]){
    console.log(name);
  }

您可以注意到newArticle()是一个数组，表数据来自数组的元素。

Answer 1

string

Answer 2

定义一个新数组（根据newArticle数组的列的要求，按顺序说myarr。 现在在for循环中使用newArticle数组 -

newArticle[i][myarr[j]] ;

您可以从0开始j并继续递增以获得下一个相应的值。 希望它有所帮助。