遍历嵌套数据并显示对象属性和值

是一种常见的操作，可以通过递归算法来实现。下面是一个完善且全面的答案：

遍历嵌套数据并显示对象属性和值的步骤如下：

首先，判断当前数据是否为对象类型。如果是对象类型，则继续执行下一步；如果不是对象类型，则直接显示当前数据。
遍历当前对象的所有属性，包括可枚举和不可枚举的属性。可以使用Object.getOwnPropertyNames()方法获取对象的所有属性名。
对于每个属性，判断其值的类型。如果属性值是对象类型，则递归调用步骤1，继续遍历该属性值的属性和值；如果属性值不是对象类型，则直接显示属性和对应的值。

下面是一个示例代码，演示如何遍历嵌套数据并显示对象属性和值：

function traverseData(data) {
  if (typeof data === 'object' && data !== null) {
    Object.getOwnPropertyNames(data).forEach(function (key) {
      console.log(key + ': ' + data[key]);
      traverseData(data[key]); // 递归调用遍历嵌套数据
    });
  } else {
    console.log(data);
  }
}

// 示例数据
var nestedData = {
  name: 'John',
  age: 30,
  address: {
    street: '123 Main St',
    city: 'New York',
    country: 'USA'
  },
  hobbies: ['reading', 'music', 'sports']
};

// 调用遍历函数
traverseData(nestedData);

以上代码会输出如下结果：

name: John
age: 30
street: 123 Main St
city: New York
country: USA
0: reading
1: music
2: sports

这个示例代码可以遍历嵌套的对象属性和值，并将它们显示在控制台上。你可以根据实际需求，将显示的方式改为其他形式，比如在网页上展示。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS），腾讯云数据库（TencentDB），腾讯云人工智能（AI Lab），腾讯云物联网通信（IoT Hub）等。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。