如何遍历嵌套对象结构中的每个对象以获取数据？

我懂你现在的困境——手动写多层循环根本不现实，毕竟有20层嵌套，总不能写20个嵌套循环吧？而且你之前的代码里没法动态更新路径，只能处理两层，确实会卡壳。其实用递归或者迭代式遍历就能完美解决这个问题，自动深入每一层嵌套对象，不用手动写重复的循环。

先说说你之前代码的问题 #

你尝试的思路是对的，判断值是否为对象然后深入，但只写了两层循环，没法动态处理更深的层级；而且location变量只能记录当前层的key，没法累积完整的路径，自然没法追踪每一层的位置。

方案一：递归遍历（最简洁） #

递归是处理这种嵌套结构最直观的方式，每次遇到符合条件的对象就调用自身，同时传递当前的路径来追踪层级：

// 递归遍历函数，obj为当前遍历的对象，path用来追踪当前路径（可选参数）
function traverseNestedObject(obj, path = []) {
  // 遍历当前对象的所有键值对
  for (const [key, value] of Object.entries(obj)) {
    // 更新当前路径
    const currentPath = [...path, key];
    // 这里替换成你实际需要处理数据的逻辑，比如收集数据、打印信息等
    console.log(`当前路径: ${currentPath.join('.')}, 对应值:`, value);
    
    // 判断是否为需要深入的对象（排除数组和null）
    if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
      // 递归进入下一层嵌套对象
      traverseNestedObject(value, currentPath);
    }
  }
}

// 调用示例，传入你的顶层对象obj1
traverseNestedObject(obj1);

这个函数会自动遍历每一层嵌套对象，不管是20层还是更多层都能处理。你可以把console.log的部分换成你实际需要的逻辑，比如把路径和对应值存入数组，或者做其他数据处理。

方案二：迭代式遍历（避免递归栈溢出，虽然20层完全没问题） #

如果担心递归调用栈的问题（不过20层嵌套远达不到JS的调用栈上限），可以用栈来模拟递归的过程，实现迭代式的深度优先遍历：

// 迭代式深度优先遍历，用栈保存待处理的对象和路径
function traverseNestedObjectIterative(obj) {
  // 初始化栈，每个元素是[当前对象, 当前路径]
  const stack = [[obj, []]];
  
  while (stack.length > 0) {
    // 取出栈顶的对象和路径
    const [currentObj, currentPath] = stack.pop();
    
    for (const [key, value] of Object.entries(currentObj)) {
      const newPath = [...currentPath, key];
      // 这里处理你的数据逻辑
      console.log(`当前路径: ${newPath.join('.')}, 对应值:`, value);
      
      if (typeof value === 'object' && !Array.isArray(value) && value !== null) {
        // 将下一层对象压入栈，等待遍历
        stack.push([value, newPath]);
      }
    }
  }
}

// 调用示例
traverseNestedObjectIterative(obj1);

这种方式和递归的效果完全一样，只是用循环和栈来代替函数调用栈，逻辑更清晰，也适合处理极深的嵌套结构。

额外提示 #

• 如果你需要收集所有符合条件的数据，可以在遍历过程中把结果push到一个数组里，而不是只打印。
• 记得排除null，因为typeof null也会返回object，这是JS的历史遗留问题。

内容的提问来源于stack exchange，提问作者Slom