js开发中如何获取一个复杂对象的所有属性并以树形的形式展示

可以使用递归函数来实现获取一个复杂对象的所有属性并以树形的形式展示。

具体实现步骤如下：

1. 判断传入的参数是否为对象，如果不是则直接返回。
2. 遍历对象的所有属性，如果属性值是对象，则递归调用函数。
3. 将属性名和属性值以树形结构的形式输出。

以下是一个示例代码：

function getAllProperties(obj, level = 0) {
  if (typeof obj !== 'object') {
    return;
  }

  let prefix = '';
  for (let i = 0; i < level; i++) {
    prefix += '  ';
  }

  for (let key in obj) {
    let value = obj[key];
    console.log(`${prefix}${key}:`);

    if (typeof value === 'object') {
      getAllProperties(value, level + 1);
    } else {
      console.log(`${prefix}  ${value}`);
    }
  }
}

// 示例对象
const exampleObj = {
  name: 'Tom',
  age: 18,
  address: {
    province: 'Beijing',
    city: 'Beijing',
    street: 'Haidian',
    postcode: 100000
  }
};

// 输出结果
getAllProperties(exampleObj);

输出结果如下：

name:
  Tom
age:
  18
address:
  province:
    Beijing
  city:
    Beijing
  street:
    Haidian
  postcode:
    100000

可以看到，该函数成功地获取了对象的所有属性，并以树形结构的形式展示出来。