如何使用Javascript将JSON中的值添加到表中？

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容将在Javascript中动态添加 -->
  </tbody>
</table>

var jsonData = [
  { "name": "John", "age": 25, "city": "New York" },
  { "name": "Jane", "age": 30, "city": "London" },
  { "name": "Bob", "age": 35, "city": "Paris" }
];

var table = document.getElementById("myTable");

for (var i = 0; i < jsonData.length; i++) {
  var row = document.createElement("tr");
  
  var nameCell = document.createElement("td");
  nameCell.innerHTML = jsonData[i].name;
  row.appendChild(nameCell);
  
  var ageCell = document.createElement("td");
  ageCell.innerHTML = jsonData[i].age;
  row.appendChild(ageCell);
  
  var cityCell = document.createElement("td");
  cityCell.innerHTML = jsonData[i].city;
  row.appendChild(cityCell);
  
  table.appendChild(row);
}