如何创建一个循环"for"在json

How to create a table with cycle "for" in json?

本文关键字：quot for json 循环 何创建 创建 一个      更新时间：2023-09-26

我有以下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?

<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>
相关文章：