Javascript 遍历对象中的子对象

Javascript 遍历对象中的子对象通常使用递归的方式实现，具体步骤如下：

1. 判断对象是否为字典

使用 typeof 运算符判断对象类型是否为 object，进一步判断该对象是否为字典（即 {} 类型），如果不是，则直接输出当前对象：

function traverseObject(obj, indentation) {
  if (typeof obj !== "object" || obj === null) {
    console.log(indentation + obj);
    return;
  }
  // 如果是字典对象，进入下一步骤
}

2. 遍历字典中的每个属性及其值

使用 for...in 循环遍历字典对象的所有属性，对于每个属性，如果其值是一个对象（即当前对象的子对象），则对该子对象进行递归遍历。由于可能存在多级子对象，因此需要在子对象遍历时增加缩进量：

function traverseObject(obj, indentation) {
  if (typeof obj !== "object" || obj === null) {
    console.log(indentation + obj);
    return;
  }
  for (var key in obj) {
    console.log(indentation + key + ":");
    var value = obj[key];
    traverseObject(value, indentation + "  ");
  }
}

在上述代码中，indentation 参数表示当前对象在遍历树中的深度，初始值为空字符串。

3. 完整代码示例

以下是一个内嵌了多级子对象的示例对象：

var obj = {
  name: "John",
  age: 30,
  address: {
    city: "Beijing",
    street: "Chang'an Avenue",
    phone: {
      home: "123456",
      work: "654321"
    }
  }
};

使用 traverseObject(obj, "") 进行遍历，结果如下：

name: John
age: 30
address:
  city: Beijing
  street: Chang'an Avenue
  phone:
    home: 123456
    work: 654321

4. 其他示例说明

假设有以下示例数据：

var obj = {
  a: 1,
  b: {
    c: 2,
    d: {
      e: 3
    }
  }
};

则使用 traverseObject(obj, "") 进行遍历，结果如下：

a: 1
b:
  c: 2
  d:
    e: 3

下面再给出一个多级子对象嵌套的示例数据：

var obj = {
  a: {
    b: {
      c: {
        d: {
          e: 1
        }
      }
    }
  }
};

使用 traverseObject(obj, "") 进行遍历，结果如下：

a:
  b:
    c:
      d:
        e: 1

以上是 Javascript 遍历对象中的子对象的完整攻略，通过以上步骤可以轻松实现字典对象的逐层打印。