在Javascript中将动态嵌套对象显示为表

function displayObjectAsTable(obj, table) {
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
      var value = obj[key];
      var row = table.insertRow();
      var cellKey = row.insertCell();
      var cellValue = row.insertCell();
      
      cellKey.innerHTML = key;
      
      if (typeof value === 'object') {
        var nestedTable = document.createElement('table');
        cellValue.appendChild(nestedTable);
        displayObjectAsTable(value, nestedTable);
      } else {
        cellValue.innerHTML = value;
      }
    }
  }
}

<table id="objectTable"></table>

<script>
  var obj = {
    name: 'John',
    age: 30,
    address: {
      street: '123 Main St',
      city: 'New York',
      country: 'USA'
    }
  };
  
  var table = document.getElementById('objectTable');
  displayObjectAsTable(obj, table);
</script>