迭代嵌套的obj属性并将其输出到HTML

// 假设有一个嵌套的对象obj
const obj = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    country: 'USA'
  }
};

// 获取输出结果的容器元素
const container = document.getElementById('output');

// 定义一个递归函数来迭代嵌套的属性并输出到HTML
function iterateObj(obj, parentKey = '') {
  for (let key in obj) {
    if (typeof obj[key] === 'object') {
      // 如果属性的值是一个对象，则递归调用该函数
      iterateObj(obj[key], parentKey + key + '.');
    } else {
      // 如果属性的值不是一个对象，则将其输出到HTML
      const element = document.createElement('p');
      element.textContent = parentKey + key + ': ' + obj[key];
      container.appendChild(element);
    }
  }
}

// 调用函数开始迭代并输出到HTML
iterateObj(obj);