表格循环无限次致浏览器崩溃及数据重复写入问题排查

遇到的问题 #

• 初始实现：遍历表格列获取值并插入对应行数据时，无论新增多少行，仅最后一行数据被重复写入数据库
• 调整后：将插入逻辑移至行循环内部后，触发无限循环导致浏览器崩溃

排查出的错误点 #

• 错误使用防崩溃的return语句：该语句破坏了正常的循环执行逻辑，要么提前终止循环导致数据未正确遍历，要么引发逻辑跳转导致后续循环异常
• 循环变量复用错误：嵌套循环中重复使用同一变量（如内外层都用i），内层循环修改变量值后干扰了外层循环的执行流程，引发数据覆盖或无限循环
• 循环变量作用域错误：在获取行/列数据时，未正确处理循环变量的作用域（比如异步场景下未捕获当前变量值），导致所有写入操作都指向最后一次循环的变量引用

修复方向 #

• 清理错误的return语句：仅在真正需要终止整个流程的场景使用return，确保循环能完整遍历所有行和列
• 嵌套循环使用独立变量：外层循环用rowIndex、内层用colIndex这类独立变量，避免变量复用导致的逻辑冲突
• 处理循环内的异步操作（如果涉及）：使用let声明循环变量（利用块级作用域），或通过闭包捕获当前循环的变量值，确保每次数据写入都对应正确的行/列数据

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