嵌套循环性能优化核心是减少重复计算、避免无效遍历、用合适数据结构替代暴力查找；缓存长度与中间值、用Map/Set替代内层线性查找、改用滑动窗口或双指针、必要时提前终止或分流。
嵌套循环是 JavaScript 中性能瓶颈的高发区，尤其当内外层都遍历大量数据时，时间复杂度容易升至 O(n²) 甚至更高。优化核心不是“去掉嵌套”，而是减少重复计算、避免无效遍历、用合适的数据结构替代暴力查找。
缓存长度与中间值，避免重复属性访问
每次访问 arr[i].data.items.length 或 list.length 都会触发对象属性查找，嵌套循环中这类操作会被放大数十或数百倍。
- 把数组长度、深层属性提前提取为局部变量：
const len = outerList.length;const items = obj.data?.items || []; - DOM 属性同理：如
element.offsetTop在循环中多次读取，会强制触发同步布局（layout thrashing），应缓存一次：const top = element.offsetTop;
用哈希表（Map / Set）替代内层线性查找
典型场景：外层遍历 A，内层找 A[i] 是否在 B 中存在。若用 includes() 或 find()，每次都是 O(m)，整体变成 O(n × m)。
- 提前构建查找结构：
const bSet = new Set(bArray);
之后用bSet.has(aItem)，单次查找降为 O(1)，总复杂度降至 O(n + m) - 需要带额外信息时用 Map：
const bMap = new Map(bArray.map(item => [item.id, item]));
再通过bMap.get(aId)直接取值
改写逻辑，用单层遍历+滑动窗口或双指针
并非所有嵌套都必须保留。很多看似需要两层循环的问题，其实可通过更优算法结构解决。
立即学习“Java免费学习笔记（深入）”；
- 求最长无重复子串：原生嵌套循环易写出 O(n²) 解法，但滑动窗口 + Map 可做到 O(n)
- 两数之和：暴力解是双 for，但用 Map 存储已见数值，一次遍历即可完成
- 合并/对比两个有序数组：用双指针从头推进，避免反复回溯
必要时分流或提前终止
当数据量大、且业务允许部分结果时，可主动控制执行节奏。
- 加条件提前 break：
比如“找到第一个匹配项就退出”，别等内层全跑完 - 高频事件中嵌套循环（如 scroll 处理）必须节流或防抖，否则帧率直线下跌
- 超大数据集考虑 Web Worker：把嵌套计算移出主线程，避免阻塞渲染
