JavaScript 中流程控制怎么用递归函数替代复杂的深层循环-js教程-PHP中文网

递归函数可替代深层循环，适用于树、嵌套对象等天然递归结构，需设终止条件与规模缩减；扁平二维数组等场景宜用循环。

javascript 中流程控制怎么用递归函数替代复杂的深层循环

递归函数可以替代深层循环，核心在于把“多层嵌套”的遍历逻辑，转化为“一层处理 + 递归处理子结构”的思路。它不靠写死几层 for 或 forEach，而是让函数自己决定要不要继续往下走。但要注意：不是所有深层循环都适合直接递归，关键看数据是否天然具有递归结构（比如树、嵌套对象、文件目录），以及深度是否可控。

识别适合递归的场景

以下结构天然适合用递归代替多层循环：

嵌套对象或数组（如菜单树、配置项、JSON Schema）
DOM 树或虚拟 DOM 节点遍历
文件系统目录结构（含子文件夹）
公司组织架构、评论回复链等有父子关系的数据

如果数据是扁平二维数组（如 [[1,2],[3,4],[5,6]]），强行递归反而绕弯；此时用 flat(Infinity) 或双层 for 更直接。

写一个安全可用的递归遍历函数

必须包含两个硬性要素：明确的终止条件 + 向更小规模推进。例如遍历嵌套对象并修改所有 value 字段：

function updateValue(obj, newValue) {
  if (obj === null || typeof obj !== 'object') return;
  
  for (const key in obj) {
    if (key === 'value') {
      obj[key] = newValue;
    } else if (typeof obj[key] === 'object') {
      updateValue(obj[key], newValue); // 递归调用自身
    }
  }
}

这个函数不会无限递归，因为每次只处理一层属性，遇到非对象就停止；也不会因深度过大崩溃——除非原始数据真的超深（比如上万层），这时就得考虑迭代方案。