JavaScript for循环如何获取下一个元素？连续空闲定位符分组时最后数组未填充

• 缺陷产生原因
  • 原循环设置的终止条件为i < freeLocs.length -1，仅遍历到倒数第二个空闲位置，循环内每次仅向临时数组temp推入当前索引对应的元素，最后一个空闲位置从未被加入temp，直接造成最后一个分组内容缺失。
  • 循环终止时，临时数组temp中留存的最后一段连续位置分组，没有被手动推入最终结果array2D，这部分内容会永久丢失。
  • 边界场景失效：当过滤后的空闲位置列表仅含1个元素时，循环完全不执行，无法生成正确的单元素分组。
• 修正后的可运行代码

const freeLocs = locs.filter(elem => !elem.locator)

let temp = []
let array2D = []

// 无空闲位置时直接输出空结果
if (freeLocs.length === 0) {
  console.log(array2D)
} else {
  for (let i = 0; i < freeLocs.length; i++) {
    // 将当前遍历到的空闲位置加入临时分组
    temp.push(freeLocs[i])

    // 非最后一个元素时，计算与相邻下一个位置的坐标差值
    if (i < freeLocs.length - 1) {
      const posDiff = Math.abs(freeLocs[i+1].position - freeLocs[i].position)
      // 差值大于1时，将当前临时分组推入结果，清空temp准备承接下一段连续位置
      if (posDiff > 1) {
        array2D.push(temp)
        temp = []
      }
    }
  }

  // 循环结束后，将残留的最后一段分组追加到最终结果
  if (temp.length > 0) {
    array2D.push(temp)
  }
}

console.log(array2D)

• 修正效果
  可以正确识别所有连续排布的空闲位置，相邻坐标差大于1的位置会自动拆分到独立子数组，最后一段连续分组、单元素独立分组都能被正确捕获，不会出现遗漏。

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