本文介绍如何在 javascript 数组遍历中优雅地实现相邻元素的滑动关联逻辑，即每次调用函数时让 before 取当前元素、after 取上一个元素，并正确处理首尾边界，避免手动维护状态变量。
本文介绍如何在 javascript 数组遍历中优雅地实现相邻元素的滑动关联逻辑，即每次调用函数时让 before 取当前元素、after 取上一个元素，并正确处理首尾边界，避免手动维护状态变量。
在实际开发中，我们常需对数组中“当前项与前一项”进行配对处理（例如生成差分序列、构建链式结构、实现滑动窗口日志等）。直接在回调中仅依赖 index 不足以获取前一项——除非我们能访问原始数组本身。
关键在于：JavaScript 的 Array.prototype.forEach() 和 map() 等迭代方法，不仅传入当前元素和索引，还默认将整个数组作为第三个参数传递给回调函数。这使我们无需闭包缓存、无需额外状态变量，即可安全、纯净地访问任意位置的元素（包括 array[index - 1]）。
以下为推荐实现方案：
const func1 = () => {
const myArray = ["Harry", "Hermione", "Ron", "Ginny", "Luna"];
myArray.forEach((current, index, arr) => func2(current, index, arr));
};
const func2 = (current, index, arr) => {
const before = current;
const after = index === 0 ? null : arr[index - 1];
console.log(`before = "${before}", after = ${after === null ? "null" : `"${after}"`}`);
};
func1();运行结果完全符合预期：
before = "Harry", after = null before = "Hermione", after = "Harry" before = "Ron", after = "Hermione" before = "Ginny", after = "Ron" before = "Luna", after = "Ginny"
⚠️ 注意事项：
- 不要使用 map() 代替 forEach()：本例无返回值需求，map() 会创建无意义的新数组，降低可读性与性能；
- 避免副作用依赖闭包变量：如用 let prev = null 在外部声明并在循环中更新，虽可行但破坏函数纯度，增加出错风险（尤其在异步或并发场景下）；
- 边界处理要显式清晰：index === 0 时 after 为 null，末尾无需特殊处理（因题目未要求 before = null, after = "Luna"，该行属于额外扩展逻辑；若需，可在 forEach 后单独追加一次调用）；
- 数组引用安全：arr 是原数组的引用，确保其在 func2 执行期间未被修改（如 splice()），否则可能引发逻辑错误。
总结：善用迭代方法的第三个参数（原数组），是实现简洁、健壮、函数式风格相邻元素处理的核心技巧。它消除了状态管理负担，提升了代码可测试性与可维护性。
