将多级javascript对象输出到html列表中

function renderList(obj, parentElement) {
  var ul = document.createElement('ul');
  parentElement.appendChild(ul);

  for (var key in obj) {
    var li = document.createElement('li');
    ul.appendChild(li);

    if (typeof obj[key] === 'object') {
      li.innerHTML = key;
      renderList(obj[key], li);
    } else {
      li.innerHTML = key + ': ' + obj[key];
    }
  }
}

var data = {
  name: 'John',
  age: 30,
  address: {
    street: '123 Main St',
    city: 'New York',
    country: 'USA'
  },
  hobbies: ['reading', 'coding', 'gaming']
};

var container = document.getElementById('container');
renderList(data, container);