如何在json中创建一个带有循环“for”的表？答案

【问题标题】：How to create a table with cycle "for" in json?如何在json中创建一个带有循环“for”的表？
【发布时间】：2012-12-24 08:35:32
【问题描述】：

我有以下 html 表格：

 <table>
   <tr>
     <th>  </th>
     <th> Monday </th> 
     <th> Tuesday </th> 
     <th> Wednesday</th> 
     <th> Thursday </th> 
     <th> Friday </th>
     <th> Saturday</th> 
   </tr>

    <tr>
      <td> 8:30 - 10:00 </td>
      <td> Math</td>
      <td>Math </td>
      <td>Math</td>
      <td> Math </td>
      <td> Math</td>
      <td> Math</td>
    </tr>
</table>

如何仅使用 JavaScript 创建这样的表格？

【问题讨论】：

您的问题非常模糊，无法回答。您可能想要添加更多关于您想要实现的目标的详细信息，并包括您已经为实现这一目标所做的任何尝试，以提高您获得答案的机会。

标签： javascript html json

【解决方案1】：

<div id="output"></div>
<script>
    var days = {
        "Monday": ["8:30 - 10:00", "Math", "Math", "Math", "Math", "Math", "Math"],
        "Tuesday": [],
        "Wednesday": [],
        "Thursday ": [],
        "Friday": [],
        "Saturday": []

    }

    var html;

    html = "<table><tr>"
    for (var day in days) {

        html += "<th>" + day + "</th>";

    }

    html += "</tr>"
    for (var day in days) {

        if (days[day].length != 0) {
            html += "<tr>"

            for (var i = 0; i < days[day].length; i++) {
                html += "<td>" + days[day][i] + "</td>"
            }
        }

         html += "</tr>";
    }
    html += "</table>";

    document.getElementById("output").innerHTML = html;
</script>

【讨论】：